Die richtigen Bilder hochladen

Du hast keine Ahnung, wie du deine Bilder in die richtige Form und Größe bekommst? Dann bist du hier genau richtig

Kurzdefintion:

Format = Form des Bildes

Bildgröße = Pixelanzahl (Breite x Höhe)

Dateigröße = Speicherplatz, den die Datei braucht

Auflösung = Schärfe, besonders für den Druck wichtig

Ausführliche Definition und warum das Ganze so wichtig ist

Bildoptimierung für Nur-ein-Shop

Für Inhalte im Internet sollte die Dateigröße möglichst klein gehalten werden, um die Ladegeschwindigkeit der Seite nicht zu beeinträchtigen.
Im Idealfall liegt deine Bilddatei unter 500 KB.

So gelingt dir die Optimierung:

• Dateiformat wählen: Am besten eignet sich JPEG, da es bei Fotos eine gute Qualität mit kleiner Dateigröße kombiniert.
• Export-Einstellungen in Photoshop:
• „Für Web speichern“ auswählen
• Bildmaße anpassen (nicht größer als nötig, z. B. 1500 px Breite für Website-Bilder)

Wenn deine Datei trotzdem noch zu groß ist:

• Online-Tools nutzen wie TinyJPG oder Squoosh (kostenlos & ohne Installation).
• Bild zuschneiden, um unnötige Flächen zu entfernen.
• Mehrere Varianten abspeichern: Teste verschiedene Qualitätsstufen und lade die kleinste akzeptable Version hoch.

So stellst du sicher, dass deine Bilder scharf aussehen und deine Website trotzdem schnell lädt.

Standardformate und Bildgrößen in Nur-ein-Shop

Slider:

Slideshows, die auf Startseiten genutzt werden, können unterschiedlich groß gestaltet werden. Am häufigsten ist die Darstellung in 2650px x 916px. Wichtig bei Slideshows ist es, dass die Bilder innerhalb einer Slideshow alle gleich hoch sind, das sich die Slideshow die Größe der Bilder so zieht wie sie ist.

Emotionbilder/Header:

Unsere Standard-Empfehlung für Emotionbilder ist 2560px x 350px. Hier kann aber auch wieder variiert werden. Achte darauf, dass deine Emotionbilder über die Seiten hinweg gleich groß sind. 

Produktbilder:

Lade deine Produktbilder am besten immer quadratisch (1:1 Format) und mit einer Bildgröße von 1500px 1500px hoch.

Bilder in Text:

Kannst Du prinzipiell in der Größe darstellen lassen, die dir gefällt. Um in der mobilen Ansicht keine Verschiebungen zu haben, sollten Bilder allerdings entweder mindestens 410px breit sein oder kleiner als 200px breit sein.

Wenn du Bilder nur klein darstellen möchtest, reicht es auch, wenn du deine Bilder mit 200px mehr hochlädst, als sie am Ende angezeigt werden sollen. 

Beispiel:

Du möchtest dein Bild mit 410px x 600px anzeigen lassen. Dein Bild muss also mindestens auch so groß sein oder besser 610px x 800px, um auf Nummer sicher zu gehen.