Wenn Sie Bilder in ahead hochladen, sollten Sie einige Dinge beachten, um die besten Ergebnisse zu erzielen.
Um auch Nutzern, die ein mobiles Gerät verwenden, ein gutes Download-Erlebnis zu bieten, werden die hochgeladenen Bilder in ihrer Größe reduziert. Das bedeutet, dass ein gewisser Qualitätsverlust zu Gunsten einer verbesserten Downloadzeit zu erwarten ist. Für Bilder von Menschen und Dingen sollte dies kein großes Problem darstellen. Für Screenshots von z. B. einer Powerpoint-Folie sollten Sie das Bild als png hochladen.
Wenn Sie ein Bild mit einer Breite von weniger als 750 Pixeln hochladen, erhalten Sie einige hellgraue Ränder, die Ihr Bild im Text zentrieren. Ab dieser Größe füllt das Bild den verfügbaren Platz aus, wobei das Seitenverhältnis beibehalten wird. Das bedeutet, dass Ihre Bilder nicht zu lang sein sollten, da sie dann einen großen Teil Ihres ersten Seiteneindrucks verdecken (es sei denn, das ist der Effekt, den Sie anstreben).
Ein nützliches Tool, um ein Gefühl für die optimalen Bildgrößen zu bekommen, ist placeholder.com. Sie können es in ahead verwenden, indem Sie eine entsprechende URL in das URL-Feld eines Bildbausteins eingeben.
Für die Vorschau eines Bildes von 750 x 290 (Breite x Höhe) verwenden Sie also die URL https://via.placeholder.com/750x290.png.
Das erste Bild des News-Posts wird zum Hauptbild, das im News-Feed auf der Homepage angezeigt wird. Dort wird das Bild als Quadrat angezeigt, um einen sauberen News-Feed zu erhalten.
Das bedeutet, dass jedes Bild, das kein Seitenverhältnis von 1:1 hat, beschnitten wird, um das Zielseitenverhältnis eines Quadrats zu erreichen. Das ist normalerweise kein Problem. Technisch gesehen heißt die css-Direktive, die das Zuschneiden steuert, object-type: cover. Sie passt ein Bild mit beliebigem Seitenverhältnis an das Quadrat des News Feeds an, indem sie sich auf die Mitte des Bildes konzentriert und die Ränder beschneidet, bis das Seitenverhältnis erreicht ist. Sie werden zum Beispiel feststellen, dass bei den Platzhalterbildern (siehe oben) immer der Text des Bildes zu sehen ist, da der Text immer zentriert ist.
Wenn Ihr Bild ein Seitenverhältnis hat, das stark von dem eines Quadrats abweicht, und die wichtigen Aspekte des Bildes nicht in der Mitte liegen, wird der Ausschnitt leider nicht optimal ausfallen. Daher können Sie Ihr Hauptbild optimieren, indem Sie darauf achten, was in der Mitte des Bildes zu sehen ist.
Wir hoffen, dass dieser Artikel Ihnen hilft zu verstehen, wie Sie Bilder in ahead am besten verwenden. Auch wenn die Regeln auf den ersten Blick einschränkend erscheinen mögen, sind wir der Meinung, dass es Ihnen auf lange Sicht hilft, Inhalte bereitzustellen, die leicht konsumiert werden können und auf allen internetfähigen Geräten gut aussehen.
