Hilfe-Center

Wie man Bilder für die Online-Veröffentlichung vorbereitet

Wie Sie die beste Bildgröße für Ihre Website wählen

Die Vorbereitung von Bildern für die Online-Veröffentlichung trägt dazu bei, dass Ihre Website schneller geladen wird. Dazu sind nur zwei Schritte erforderlich. Zunächst sollten Sie die Breite und Höhe Ihres Bildes mit einem Bildbearbeitungsprogramm ändern, z. B. mit einem kostenlosen Online-Editor. Anschließend sollten Sie das Bild mit einem Bildkomprimiererkomprimieren ,um die Dateigröße zu verringern.

Kleinere Bilder werden schneller geladen. Die Bildgröße hängt von zwei Parametern ab:
1. Bildbreite und -höhe in Pixeln (Bilder mit einer Größe von 3000 х 2000 Pixeln sind größer als Bilder mit 300 x 200 Pixeln).
2. Inhalt des Bildes - je mehr Details und Farben ein Bild enthält, desto größer ist seine Größe.

Wir empfehlen Ihnen, ein Bild für die Online-Veröffentlichung vorzubereiten, indem Sie es zuerst zuschneiden und dann die unnötigen Details entfernen, damit es noch schneller geladen werden kann.

Was ist die perfekte Bildgröße?

Beim Hochladen auf Tilda werden alle großen Bilder automatisch auf 1680 Pixel verkleinert. Bilder, die kleiner als 1680 Pixel sind, behalten ihre Originalgröße.

Da es sich um einen automatisierten Prozess handelt, kann die Qualität Ihres Bildes abnehmen, damit es schneller geladen werden kann. Aus diesem Grund sollten Sie Fotos manuell bearbeiten: Auf diese Weise können Sie die Qualität besser erhalten.

Bevor Sie ein großes Bild auf Tilda hochladen, verkleinern Sie das Bild auf mindestens 1680 Pixel, gemessen an seinem längsten Rand.

Idealerweise sollten Sie Bilder in der Größe hochladen, in der sie auf der Website erscheinen sollen. Wenn das Foto nicht die Größe hat, die es im Seitenlayout haben soll, wird der Browser das Bild automatisch komprimieren oder strecken. Beides macht er schlecht, so dass das Foto unscharf erscheinen kann.

Um die Größe Ihres Bildes herauszufinden, fügen Sie der Seite einen Textblock hinzu, aktivieren Sie das Raster in den Blockeinstellungen, und Sie werden sehen, wie viele Spalten das Bild einnimmt. Die Breite einer Spalte beträgt 60 Pixel, der Abstand zwischen den Spalten beträgt 40 Pixel.

Wie lässt sich die Größe einer Bilddatei verringern?

Sie können spezielle Software verwenden, die Bilder durch die Kombination ähnlicher Farben komprimiert. Solche Programme kombinieren Farben auf so raffinierte Weise, dass Sie den Unterschied zwischen "vorher" und "nachher" nicht mehr erkennen können. Sie können die Größe Ihres Bildes um bis zu 70 % reduzieren.

Das könnte Sie interessieren:

Beispiele für Bildoptimierung

Nehmen wir dieses Bild von Christoph Bengtsson Lissalde, das wir von Unsplash heruntergeladen haben, um zu zeigen, wie Bildoptimierung funktioniert.

Originalgröße des Bildes: 4405 х 2478 Pixel, Dateigröße: 3,5 MB.

Laden wir das Bild so wie es ist auf Tilda hoch. Das Bild wird auf 1680 x 945 Pixel beschnitten, und seine Größe wird 1,2 MB betragen.

Öffnen Sie die Originaldatei in Photoshop, ändern Sie die Bildgröße auf 1680 х 945 Pixel und speichern Sie es - seine Größe wird auf 832 KB reduziert.

Laden Sie das Foto in TinyPNG hoch, um es zu komprimieren, und Sie erhalten ein Bild mit 353 KB.

Es ist uns gelungen, die Bildqualität zu erhalten.