Werbung
Bilder sind heutzutage ein wesentlicher Bestandteil des Webs. Und wie sich herausstellt, sind Bilder einer der häufigsten Gründe für langsame Ladezeiten von Seiten. Angesichts der Vielzahl mobiler Geräte, die auf das Internet zugreifen, und der jüngsten Hinweise, dass sich die Ladegeschwindigkeit Ihrer Website auf den Rang bei Google auswirken würde, möchten Sie diesen Engpass auf jeden Fall beseitigen.
Eine Möglichkeit zur Optimierung von Fotos für das Web ist die Verwendung von CSS-Sprites. Sprites eignen sich am besten für Bilder, die in der Navigation oder in anderen Site-Elementen verwendet werden und mehr oder weniger gleich bleiben. Die andere Möglichkeit besteht darin, die Bildgröße zu optimieren, indem die in Bildern enthaltene Informationsmenge geändert, komprimiert und unnötige Metadaten entfernt werden.
Hier sind einige der Optionen, mit denen Sie Bilder für das Web optimieren können.
Verwenden Sie Ihren Bildeditor
Die meisten Bildbearbeitungsprogramme bieten eine oder mehrere Möglichkeiten, um Bilder für das Web zu optimieren. Mit Photoshop und GIMP können Sie die Qualität der gespeicherten Datei auswählen, mit der die Dateigröße gesteuert werden kann. Darüber hinaus bietet Photoshop auch eine
für das Web speichern Diese Funktion optimiert nicht nur die Größe, sondern sorgt auch für Farbprofile, sodass die Farben in Ihren Bildern auf dem Bildschirm genauso aussehen, wie Sie es beabsichtigen.
Entwickelt von Yahoo, Smush. Es analysiert das Dateiformat der spezifischen Bilddatei, die Sie optimieren möchten, und wendet dann die spezifischen Optimierungen für dieses bestimmte Bildformat an. Tolle Sache über Smush. Es ist so, dass es die Bildqualität nicht verändert. Sie laden die Bilder hoch, die Sie optimieren möchten, Smush. Es verarbeitet sie und gibt die Ergebnisse in einer herunterladbaren Zip-Datei zurück.
Online Image Optimizer [Nicht mehr verfügbar]
Mit dem Online Image Optimizer können Sie ein GIF-, JPG- oder PNG-Bild mit einer Größe von 300 KB oder weniger hochladen und optimieren. Wählen Sie einfach ein Bild von Ihrem Computer aus, laden Sie es hoch und der Online Image Optimizer erledigt den Rest für Sie. Es zeigt Ihnen eine Reihe verschiedener Versionen des Bildes sowie die Größe und die optionale Vorschau. Abhängig vom Verwendungszweck des Bildes können Sie aus einer Reihe von Optionen auswählen. Bei Bildern mit sehr geringer Größe ist eine Verschlechterung der Bildqualität erkennbar. Optional bietet Ihnen das Online Image Optimizer auch die Möglichkeit, das Format der Bilddatei in ein GIF, JPG oder PNG zu konvertieren.
PNG-Brecher
PNG Crusher ist eine Mac-Anwendung. Wie der Name schon sagt, ist es auf die Optimierung von PNG-Dateien spezialisiert. Die Anwendung bietet Ihnen eine Art Container, mit dem Sie PNG-Dateien per Drag & Drop darauf ablegen können. Die Dateien werden dann mit OptiPNG als Backend komprimiert. Die Website stellt fest, dass einige PNGs bereits ziemlich optimiert sind und PNG-Brecher nicht viel damit anfangen können. Die PNG-Dateien werden nur dann durch die optimierten Versionen ersetzt, wenn die komprimierten Dateien kleiner als die Originaldateien sind.
GIFWorks
GIFWorks führt eine Reihe von Vorgängen für GIF-Dateien aus. Sie können ein Bild von Ihrem Computer hochladen oder eine Web-URL angeben und dann die GIF-Datei bearbeiten, Übergangseffekte zwischen Frames hinzufügen sowie das GIF-Bild optimieren. GIFWorks bietet Ihnen drei Optionen zur Optimierung von GIF-Bildern für das Web. Sie können Farben reduzieren. Beschränken Sie die Palette nur auf web-sichere Farben oder teilen Sie die Rahmen, um auszuwählen, welche ausgewählt werden sollen behalten. Darüber hinaus können Sie mit GIFWorks auch 3D-Text von Grund auf neu erstellen.
[NICHT MEHR ARBEITEN] PunyPNG
Mit PunyPNG können Sie GIF-, JPG- und PNG-Bilder für das Web optimieren, indem Sie sie in komprimierte PNG-Dateien konvertieren. Während des Komprimierungsprozesses tritt nur ein minimaler bis kein Qualitätsverlust auf, und die Ergebnisse sind ausgezeichnet. Die Site erfordert Flash und hat eine maximale Dateigrößenbeschränkung von 350 KB.
Mit welchen Apps optimieren Sie Bilder für das Web? Lassen Sie uns in den Kommentaren alles darüber wissen.
Ich bin Varun Kashyap aus Indien. Ich bin begeistert von Computern, Programmierung, Internet und den Technologien, die sie antreiben. Ich liebe das Programmieren und arbeite oft an Projekten in Java, PHP, AJAX usw.