Bilder/Images für responsive-seiten

dieter-j20 schrieb am 06.02.2018 um 21:49 Uhr

Hallo,
wie behandelt magix webdesigner (12 premium) die imagegröße für die verschiedenen displays?
oder: wie kann ich verhindern dass die Bilder durch Größenänderung des Bildschirm verstümmelt werden.

Danke + gruß

Kommentare

marboe schrieb am 07.02.2018 um 07:17 Uhr

wie behandelt magix webdesigner (12 premium) die imagegröße für die verschiedenen displays?

Der WD behandelt diese Größen eigenständig.
Du kannst höchstens die Retina-Bilder ankreuzen im Eigenschaftsdialog der Website. Dann werden die Bilder auch für hochauflösende Displays scharf angezeigt.

wie kann ich verhindern dass die Bilder durch Größenänderung des Bildschirm verstümmelt werden.

Da der WD nichts verstümmelt, gibt es hier eigentlich gar nichts zu tun.
Vielleicht solltest du uns ein konkretes Beispiel aufzeigen was du damit meinst.

Gruß Marboe

dieter-j20 schrieb am 07.02.2018 um 09:28 Uhr

Danke Marboe.
"Da der WD nichts verstümmelt," das erlebe ich anders: mein post vom 26.1.18; (nach oben scrollen)
https://www.magix.info/de/forum/wendesigner-11-header-image-wird-nicht-skaliert--1201984/#ca1373096

Legt WD unteschiedliche Bildgrößen an/ab, damit der jeweilige Browser darauf zugreift?
Danke + Gruß
 

BilderMacher schrieb am 07.02.2018 um 10:48 Uhr

Was der Web Designer alles nach der Veröffentlichung ablegt, siehst Du im Webspace, wenn du dort nachschaust. Oder du exportierst deine HP erst auf die Festplatte. Da kannst du dann auch jede einzelne Datei begutachten.

 

Der andere Beitrag ist jetzt geschlossen. Wir machen jetzt hier weiter, sonst verliert man den Überblick.

Zuletzt geändert von BilderMacher am 07.02.2018, 10:52, insgesamt 1-mal geändert.

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware / Software:
::::::::::::::::::::::::::::::::::::++++:::::::::::::::::::::::::::::::::::::::::::::::::

Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (8 CPUs), ~2.3GHz
12288 MB RAM
DirectX 12
 

Intel(R) UHD Graphics (für Import, Verarbeitung, Export)

NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

  • Video deluxe 2016 Premium
  • Video deluxe 2025 Premium
  • Video Pro X 16
  • Photostory Deluxe 2025
  • Samplitude X7 Suite
  • ACID Pro 11
  • Music Maker 2025 Premium
  • MAGIX/XARA Graphic-/Web-Designer

-----------------------------------------------------------------------------------

Edition    Windows 10 Home
Version    22H2
Installiert am    ‎15.‎10.‎2020
Betriebssystembuild    19045.5011
Leistung    Windows Feature Experience Pack 1000.19060.1000.0

------------------------------------------------------------------------------------

Standardbrowser: Mozilla Firefox 131.0.3 (64-Bit)

dieter-j20 schrieb am 07.02.2018 um 10:58 Uhr

Moin. "Was" WD mit dem Bild macht um es auf verschiedenen Endgeräten darzustellen, ist aber immer noch nicht gesagt.

BilderMacher schrieb am 07.02.2018 um 11:33 Uhr

Da uns die URL bisher vorenthalten wird, ist es auch schwer, konkret zu dieser Website eine genaue Analyse zu betreiben. Es könnte ein verwendetes Script sein, oder es sind mehrere in Abhängigkeit, die das Darstellen in einem Safari-Browser verkorksen.

Ein einfaches Foto, etwas Text sollte genau so wie in der Vorschau auf jedem Gerät funktionieren.

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware / Software:
::::::::::::::::::::::::::::::::::::++++:::::::::::::::::::::::::::::::::::::::::::::::::

Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (8 CPUs), ~2.3GHz
12288 MB RAM
DirectX 12
 

Intel(R) UHD Graphics (für Import, Verarbeitung, Export)

NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

  • Video deluxe 2016 Premium
  • Video deluxe 2025 Premium
  • Video Pro X 16
  • Photostory Deluxe 2025
  • Samplitude X7 Suite
  • ACID Pro 11
  • Music Maker 2025 Premium
  • MAGIX/XARA Graphic-/Web-Designer

-----------------------------------------------------------------------------------

Edition    Windows 10 Home
Version    22H2
Installiert am    ‎15.‎10.‎2020
Betriebssystembuild    19045.5011
Leistung    Windows Feature Experience Pack 1000.19060.1000.0

------------------------------------------------------------------------------------

Standardbrowser: Mozilla Firefox 131.0.3 (64-Bit)

dieter-j20 schrieb am 07.02.2018 um 12:24 Uhr

@dieter-j20,

Moin. "Was" WD mit dem Bild macht um es auf verschiedenen Endgeräten darzustellen, ist aber immer noch nicht gesagt.

Wie denn ???

Solange du aus deiner URL ein Geheimnis machst, solange du aus den "Endgeräten" und Browsern bzw. deren Versionen ein Geheimnis machst ... wie soll's gehen mit einer Antwort ???

Wenn man es richtig macht, wird auch nichts verstümmelt.

Ich kann bisher nur aus den mir zur Verfügung stehenden Endgeräten Schlüsse ziehen, iPhone + ipad. Was andere user benutzen ist ja nicht bekannt.
Aber, ich hatte schon, weiter oben im Thread, screenshots eingestellt, mit detaillierter Beschreibung. Also, ganz so geizig bin ich nicht.

BilderMacher schrieb am 07.02.2018 um 13:50 Uhr

Aus den Bildern geht nicht hervor, wie sie auf der jeweiligen Variante im Projekt platziert und angeordnet wurden.

Es ist auch nicht ersichtlich, welche Design-Effekte des Web Designer verwendet wurden, noch wissen wir nichts über externe Scripte, die eingesetzt werden.

Eine aufgeklappte Seiten- und Ebenen-Galerie, ein Bild von der Seite im Projekt welches das betreffende Foto auf der Haupt- und Smartphone-Variante zeigt wurde uns auch schon etwas helfen.

Wie schon geschrieben: Ein Foto und Text auf einer Seite sind problemlos in der Darstellung, egal ob Ei- oder Pfirsich-Phone.

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware / Software:
::::::::::::::::::::::::::::::::::::++++:::::::::::::::::::::::::::::::::::::::::::::::::

Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (8 CPUs), ~2.3GHz
12288 MB RAM
DirectX 12
 

Intel(R) UHD Graphics (für Import, Verarbeitung, Export)

NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

  • Video deluxe 2016 Premium
  • Video deluxe 2025 Premium
  • Video Pro X 16
  • Photostory Deluxe 2025
  • Samplitude X7 Suite
  • ACID Pro 11
  • Music Maker 2025 Premium
  • MAGIX/XARA Graphic-/Web-Designer

-----------------------------------------------------------------------------------

Edition    Windows 10 Home
Version    22H2
Installiert am    ‎15.‎10.‎2020
Betriebssystembuild    19045.5011
Leistung    Windows Feature Experience Pack 1000.19060.1000.0

------------------------------------------------------------------------------------

Standardbrowser: Mozilla Firefox 131.0.3 (64-Bit)

dieter-j20 schrieb am 07.02.2018 um 20:17 Uhr

Danke für die Hinweise, Bildermacher.
Hier jetzt die angeregten Bilder.
Hauptseite auf 70% reduziert (weil sonst kein screenshot möglich.
Smartfone mit 100%

screenshot seiten galerie (es ist nur eine Seite)

Die Url: www.zahnimport.de/testlauf
Irgendwelche Skripte sind von mir nicht eingebaut; Bis auf Texte + einige Images ist alles original WD.
Danke für Feedback.
 

BilderMacher schrieb am 08.02.2018 um 17:52 Uhr

Der Seitenaufbau auf einem Adroid-Handy, Versio 7.0, ist unauffällig und entspricht der Darstellung im Projekt.

Ich denke, die Besucher deiner HP werden sicher nicht alle ein i-Gerät haben. Man sollte das nicht so dramatisch sehen. Abgeschnitten wird nichts. Und selbst, wenn. Der Betrachter kennt das Original doch gar nicht.

"Je mehr die Menschen wissen, desto weniger müssen sie glauben!"

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Ich kann vieles, darf aber nicht alles.
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

-------------

Hardware / Software:
::::::::::::::::::::::::::::::::::::++++:::::::::::::::::::::::::::::::::::::::::::::::::

Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz (8 CPUs), ~2.3GHz
12288 MB RAM
DirectX 12
 

Intel(R) UHD Graphics (für Import, Verarbeitung, Export)

NVIDIA GeForce MX250 (wird nicht in Schnitt-SW verwendet)

  • Video deluxe 2016 Premium
  • Video deluxe 2025 Premium
  • Video Pro X 16
  • Photostory Deluxe 2025
  • Samplitude X7 Suite
  • ACID Pro 11
  • Music Maker 2025 Premium
  • MAGIX/XARA Graphic-/Web-Designer

-----------------------------------------------------------------------------------

Edition    Windows 10 Home
Version    22H2
Installiert am    ‎15.‎10.‎2020
Betriebssystembuild    19045.5011
Leistung    Windows Feature Experience Pack 1000.19060.1000.0

------------------------------------------------------------------------------------

Standardbrowser: Mozilla Firefox 131.0.3 (64-Bit)