Bilder für die Website verkleinern und richtig benennen
Grosse Bilder können eine Website unnötig langsam machen. Mit dem kostenlosen Bild Resizer von WUK verkleinern und konvertieren Sie Ihre Bilder direkt online. Die passende Grösse für Webseiten ist bereits voreingestellt. Gleichzeitig können Sie einen sinnvollen Dateinamen vergeben und Ihre Bilder besser organisieren.
Warum grosse Bilder auf einer Website problematisch sind
Moderne Smartphones und Kameras erstellen Bilder in sehr hoher Auflösung. Eine einzelne Datei kann schnell 5, 7 oder mehr Megabyte gross sein.
Für den Druck kann diese Qualität sinnvoll sein. Auf einer Website ist sie meistens unnötig.
Zu grosse Bilder können:
- die Ladezeit der Website verlängern
- Besucherinnen und Besucher ungeduldig machen
- auf mobilen Geräten unnötig viele Daten verbrauchen
- die technische Qualität und Performance der Website beeinträchtigen
Bevor ein Bild auf eine Website hochgeladen wird, sollte es deshalb auf eine passende Grösse reduziert werden.
Bilder ohne komplizierte Software verkleinern
Stefan hat bereits vor längerer Zeit einen eigenen Bild Resizer programmiert. Das Tool ermöglicht es, Bilder direkt im Browser zu verkleinern und in ein geeignetes Dateiformat umzuwandeln.
Sie müssen keine zusätzliche Software installieren und benötigen auch kein Benutzerkonto.
Die Anwendung ist bewusst einfach aufgebaut:
- Bilder auswählen und hochladen
- gewünschte Einstellungen kontrollieren
- Ausgabenamen eintragen
- Bilder verarbeiten und herunterladen
Die ideale Bildgrösse für Webseiten ist bereits voreingestellt. Sie können deshalb auch eine Datei mit beispielsweise 7 MB hochladen. Der Bild Resizer reduziert sie automatisch auf eine deutlich kleinere und für Webseiten geeignetere Grösse.
Mehrere Bilder gleichzeitig bearbeiten
Sie können mehrere Dateien gleichzeitig hochladen und gemeinsam bearbeiten. Das ist besonders praktisch, wenn Sie beispielsweise neue Bilder für eine Website, einen Blogbeitrag, ein Angebot oder ein Projekt vorbereiten.
Ganze Ordner können aktuell nicht hochgeladen werden. Sie können jedoch mehrere Bilder markieren und in einem Arbeitsschritt verarbeiten.
Dadurch müssen Sie nicht jedes Bild einzeln öffnen, anpassen und abspeichern.
Der Ausgabename ist besonders wichtig
Ein Punkt wird bei der Bildoptimierung häufig vergessen: der Dateiname.
Kamerabilder tragen oft Namen wie:
IMG_4837.jpg
Dieser Name sagt weder Ihnen noch Google, was auf dem Bild zu sehen ist.
Vergeben Sie deshalb beim Feld «Ausgabename» immer einen klaren und beschreibenden Namen. Statt einer zufälligen Zahlenkombination verwenden Sie beispielsweise:
linkedin-workshop-baden.jpg
oder
restaurant-garten-baden.jpg
Ein sinnvoller Dateiname hat mehrere Vorteile:
- Sie finden das Bild später schneller wieder
- Ihre Dateien bleiben übersichtlich organisiert
- Google kann den Inhalt des Bildes besser einordnen
- das Bild kann in der Google Bildersuche besser verstanden werden
Der Dateiname allein ist keine Garantie für eine gute Platzierung bei Google. Er ist jedoch ein sinnvoller Bestandteil einer sauberen Bildoptimierung.
Bilder für Google verständlicher machen
Google erkennt Bilder nicht nur über deren visuelle Inhalte. Auch der Zusammenhang auf der Website spielt eine wichtige Rolle.
Dazu gehören unter anderem:
- der Dateiname
- der Alt-Text
- die Bildunterschrift
- der Text rund um das Bild
- das Thema der jeweiligen Seite
Der Bild Resizer hilft Ihnen dabei, bereits vor dem Hochladen einen verständlichen und einheitlichen Dateinamen zu vergeben.
Den Alt-Text tragen Sie anschliessend direkt in Ihrer Website oder im verwendeten Content-Management-System ein, beispielsweise in WordPress.
Ein guter Alt-Text beschreibt knapp und verständlich, was auf dem Bild zu sehen ist. Er ist zudem wichtig für die Barrierefreiheit.
JPG, PNG oder WebP?
Je nach Bild und Verwendungszweck eignen sich unterschiedliche Dateiformate.
JPG
JPG eignet sich besonders für Fotografien und Bilder mit vielen Farben. Die Dateien lassen sich stark verkleinern und sind mit praktisch allen Systemen kompatibel.
PNG
PNG eignet sich beispielsweise für Grafiken, Logos oder Bilder mit transparentem Hintergrund. PNG-Dateien können jedoch deutlich grösser sein als vergleichbare JPG- oder WebP-Dateien.
WebP
WebP ist ein modernes Bildformat, das eine gute Bildqualität mit einer vergleichsweise kleinen Dateigrösse verbindet. Für viele Webseiten ist WebP deshalb eine gute Wahl.
Mit dem Bild Resizer können Sie Ihre Bilder in unterschiedliche Formate konvertieren und passend für den jeweiligen Einsatz vorbereiten.
Was tun, wenn das Bild noch immer zu gross ist?
In den meisten Fällen reduziert der Bild Resizer die Datei bereits deutlich.
Falls ein Bild danach noch immer ungewöhnlich gross ist, können Sie es zusätzlich über einen Komprimierungsdienst wie TinyPNG bearbeiten.
Achten Sie jedoch darauf, Bilder nicht mehrfach unnötig stark zu komprimieren. Eine sehr kleine Datei nützt wenig, wenn das Bild anschliessend unscharf oder verpixelt wirkt.
Das Ziel ist eine gute Balance zwischen:
- kleiner Dateigrösse
- ausreichender Auflösung
- guter Bildqualität
Auch für Newsletter und Social Media geeignet
Der Bild Resizer eignet sich nicht nur für Webseiten.
Sie können das Tool auch verwenden, um Bilder für folgende Anwendungen vorzubereiten:
- Newsletter
- Blogbeiträge
- Social Media
- Präsentationen
- Online-Shops
- digitale Dokumente
Gerade bei Newslettern ist eine vernünftige Dateigrösse wichtig, damit Nachrichten schnell geladen werden und das Postfach der Empfängerinnen und Empfänger nicht unnötig belastet wird.
Kostenlosen Bild Resizer ausprobieren
Mit dem Bild Resizer von WUK können Sie Bilder unkompliziert verkleinern, konvertieren und mit einem sinnvollen Ausgabenamen versehen.
Die passende Grösse für Webseiten ist bereits voreingestellt. Dadurch eignet sich das Tool auch für Personen, die sich nicht regelmässig mit Bildbearbeitung, Pixelgrössen oder Dateiformaten beschäftigen.
Sie können auch mehrere Bilder gleichzeitig hochladen und gemeinsam bearbeiten.
Hier geht es zum kostenlosen Bild Resizer:
https://wuk.ch/tools/bild-resizer/
Da die Anwendung technisch ressourcenintensiv ist, behalten wir uns vor, die Nutzung bei einer übermässigen Belastung oder Fremdnutzung einzuschränken. In diesem Fall kann der Zugriff auf Kundinnen und Kunden von WUK begrenzt werden.
