Wissensdatenbank

Ja!

Die meisten Mobilgeräte, darunter iOS-Geräte (iPhone und iPad), sowie einige Computer (zum Beispiel das MacBook Pro Retina) unterstützen hochauflösende Bilder.

Ein hochauflösendes Bild (oder Retina-Bild) hat doppelt so viele Pixel wie ein normales Bild, aber dieselbe Breite und Höhe.

Dadurch können Bilder auf diesen Geräten viel schärfer aussehen. Mit EverWeb ist es sehr einfach, Retina- bzw. hochauflösende Geräte zu unterstützen.

Jedes integrierte Bild in EverWeb wird automatisch für Sie in eine Retina-Grafik umgewandelt. Wenn Sie also zum Beispiel eine Schaltfläche erstellt haben oder einen Farbverlauf verwenden, sorgt EverWeb dafür, dass diese auf hochauflösenden Geräten großartig aussehen, ohne dass Sie etwas zusätzlich tun müssen.

Sie müssen sich nur um die Bilder kümmern, die Sie selbst zu Ihrer Website hinzufügen. Damit Ihre Website Retina-Bilder verwendet, gehen Sie so vor:

1) Sie benötigen für jedes Bild, das Sie zu EverWeb hinzufügen, zwei Bilder: eines in normaler Größe und eines in doppelter Größe. Hinweis: Vergrößern Sie Ihr Bild in normaler Größe nicht einfach auf die doppelte Größe. Damit wäre der Sinn von Retina-Grafiken auf Ihrer Website verfehlt.

2) Ihr Bild in doppelter Größe muss so benannt sein:

[email protected]

Dabei ist normal_image derselbe Name wie bei Ihrem Bild in normaler Größe, und png ist dieselbe Dateiendung wie bei Ihrem normalen Bild. Der einzige Unterschied ist, dass Sie bei Ihrem Retina-Bild vor der Dateiendung @2x hinzufügen.

BEISPIELE FÜR DATEINAMEN

NORMALES BILD: traveling.png
RETINA-BILD: [email protected]

NORMALES BILD: myphoto.jpg
RETINA-BILD: [email protected]

3) Ziehen Sie dann einfach beide Bilder in die Liste „Ressourcen“ von EverWeb. Wenn Sie eines der beiden Bilder auf Ihrer Website verwenden, gibt EverWeb beim Veröffentlichen Ihrer Website sowohl die normale als auch die Retina-Version aus. Dazu verwendet EverWeb hochoptimierten CSS-Code, sodass der Webbrowser Ihres Besuchers nur das passende Bild für dessen Bildschirm herunterlädt.