Bilder für das Web optimieren [duplizieren]

Ich baue gerade meine eigene Website und versuche, alles so gut wie möglich zu machen. Ich lerne gerade etwas über Bilder und habe einige Fragen zur Optimierung, damit sie auf meiner Website angemessen angezeigt werden.

Ich habe eine Website-Vorlage gekauft, die mit einem Karussell und 3 Bildern zum Ausfüllen geliefert wird. Die drei Bilder sind alle jpg und haben die Größe 1920x700. Seitdem habe ich diese Bilder durch meine eigenen ersetzt, und obwohl ich die Abmessungen auf 1920 x 700 eingestellt habe, als ich sie gespeichert habe (als PNG, mit Photoshop Save für Web und Geräte), beträgt die Dateigröße 2,69 MB. Wenn ich meine Website zum ersten Mal besuche, dauert es lange, bis die Bilder geladen sind, was definitiv nicht das ist, was ich will.

Soll ich Bilder im JPG- oder PNG-Format oder in einem anderen verfügbaren Format speichern? Ich weiß, dass ich aus Sicht der Transparenz PNG verwenden sollte, da JPG dies nicht unterstützt, aber ich bin verwirrt, wann ich welches verwenden soll.

Ich würde auch gerne wissen (mit Photoshop), wie ich die Dateigröße reduzieren könnte (für schnellere Ladezeiten), aber die Abmessungen von 1920x700 beibehalten.

Alle Informationen zu den besten Formaten und anderen allgemeinen Ratschlägen, die mir helfen, die Bildverwendung auf der Website zu verstehen, werden gerne berücksichtigt.

Ich habe gerade eine Kamera gekauft und würde gerne mehr über Fotografie und Bilder erfahren :)

Gruß Paul

Antworten (1)

Sie haben es rückwärts; png und gif unterstützen beide einen Transparenzkanal, jpg nicht. Haben Sie versucht, das Karussell mit kleineren Bildern zu füllen? Es gibt eine Einstellung in Photoshop im Dateimenü, mit der Sie Ihre Datei im Web speichern können. Sie können verschiedene Optimierungsstufen ausprobieren, bis Sie das richtige Gleichgewicht zwischen Größe und Aussehen erreicht haben.

Hallo, danke, dass du zurückgekommen bist. Danke für den Hinweis auf das Transparenzproblem. Das war ein Tippfehler in meinem Namen und ich verstehe, dass Ping für Transparenz verwendet wird. Ich habe meine Frage aktualisiert 👍 danke Paul