Was muss ich bei meinen Bildern beachten?
Du kannst uns die Bilder in jedem gewünschten Format zusenden. Wir kümmern uns um das Zuschneiden und die Optimierung der Größe und des Formats deiner Fotos. Dabei werden keine inhaltlichen Veränderungen an den Bildern vorgenommen, wie beispielsweise eine Bearbeitung mit Photoshop.
WICHTIG! - Dateien korrekt benennen
Es ist von großer Bedeutung, dass die Bild-Dateien korrekt benannt werden, damit wir genau wissen, um welches Motiv es sich handelt. Oftmals werden Fotos von Kameras mit einem allgemeinen Namen wie "IMAGE0001.jpg" versehen, was für uns nicht sonderlich hilfreich ist. Deshalb bitten wir Dich, die Fotos so präzise und kurz wie möglich zu benennen, zum Beispiel "Terrasse-Blick-Tal.jpg". Auf diese Weise können wir deine Inhalte klarer erfassen und deine Webseite zügiger und genauer gestalten.
Bildgröße mit dem Picture-tag
Sobald wir die Bilder entsprechend zugeschnitten haben, sichern wir sie in verschiedenen Größen. Wir verwenden das Picture-Tag im .html Code, da es uns ermöglicht, nicht nur unterschiedliche (optimale) Dateiformate darzustellen, sondern auch die perfekte Bildgröße in Bezug auf die Bildschirmgröße anzuzeigen. Das bedeutet, wenn ein Nutzer eine Seite mit einem Desktop aufruft, lädt er die "größtmögliche" Version des Bildes in seinen Browser. Ruft er jedoch die Seite mit einem Mobiltelefon auf, erhält er eine kleinere Version des Bildes. Die Bildqualität bleibt dabei unverändert. Hier wird lediglich eine kleinere Version angezeigt, da man im Allgemeinen davon ausgehen kann, dass beispielsweise Nutzer, die mit einem Smartphone die Seite besuchen, eine schlechtere Internetverbindung haben als Nutzer, die von ihrem Desktop aus auf die Seite zugreifen.
Alt Texte für Bilder
Alt-Texte sind nicht nur bedeutend für die Suchmaschinenoptimierung (SEO) deiner Webseite, sondern auch von immenser Wichtigkeit für die Zugänglichkeit auf deiner Seite. Der Alt-Text beschreibt nicht nur das Bild für die Suchmaschine, sondern dieser Text wird auch "vorgelesen", wenn deine Seite von einem Bildschirmlesegerät (Screenreader) verwendet wird - daher ist er unverzichtbar. Es ist also wichtig, dass der Alt-Text präzise und aussagekräftig ist. Wir vermeiden es, den Text mit Keywords zu überladen. Ein guter Alt-Text sollte das Bild inhaltlich beschreiben und dem Nutzer einen Mehrwert bieten.
Neben der Zugänglichkeit kann ein sorgfältig gewählter Alt-Text auch dazu beitragen, die User Experience auf deiner Webseite zu verbessern. Wenn ein Besucher zum Beispiel aus technischen Gründen keine Bilder sehen kann, wird ihm durch den Alternativtext trotzdem eine Vorstellung vermittelt.
Zusammengefasst: Der Alt-Text mag auf den ersten Blick wie eine kleine Sache erscheinen - er hat jedoch große Auswirkungen auf deine SEO-Rankings sowie die Barrierefreiheit und Benutzerfreundlichkeit deiner Webseite. Daher solltest du dir Zeit nehmen und sicherstellen, dass jeder von dir verwendete Bildinhalt mit einem passenden Alternativtext versehen ist!
Bildformat mit dem Picture-tag
Nachdem wir alle Bildgrößen erstellt haben, konvertieren wir die Bilder in das .jpg-Format und erstellen dann Duplikate, die wir in einem Format mit noch besserer verlustfreier Bildkompression wie .webp umwandeln. Durch die Verwendung von Picture-Tags für jedes Bild können wir nun nicht nur die optimale Größe, sondern auch das beste Dateiformat verwenden. Obwohl .webp ein großartiges Format ist, können einige Browser es nicht anzeigen. Deshalb bieten wir eine sichere Alternative wie den Klassiker .jpg an. Mit dieser Methode stellen wir sicher, dass unsere Website schnell und effizient lädt, ohne Kompromisse bei der Bildqualität einzugehen.