Welches Bildformat für welche Bildgröße?

[webfan]

Auf einer Webseite gehen Bilder einer Slideshow über die gesamte Seitenbreite und sind daher sehr groß. In welchem Format verwendet man bei einem modernen Webdesign
- große Bilder (Slideshow)
- mittlere Bilder
- kleinere Bilder (z. Bsp. Personen, Ansprechpartner ..)
- Symbole (bei Kontaktaufnahme, bei Links, etc.)
- Logos (wohl heute immer als SVG)?

 

[Myhar]

Dafür gibt es keine eindeutige Antwort. Kommt zu 100% auf das Design und den Einsatzzweck an.

 

[webfan]

Einsatzzweck: Moderne Webseite, responsive, verwendet Bootstrap.

Oder sind die Bildformate egal und man nimmt einfach jenes Format, bei dem die Dateigröße kleiner ist?

 

[Myhar]

Einsatzzweck: Moderne Webseite, responsive, verwendet Bootstrap.

Das sagt genau 0 über die Bildgröße aus. Da kann ich mich nur Wiederholen:
Dafür gibt es keine eindeutige Antwort. Kommt zu 100% auf das Design und den Einsatzzweck an.

So groß als möglich und gleichzeitig so klein als möglich. Ladezeiten berücksichtigen.

 

[Fugel]

Ich kann dazu den von Google entwickelten Bildkomprimierer empfehlen, der hat bei mir bis jetzt die besten Ergebnisse erreicht. "Guetzli" nennt der sich.

 

[dagdavincy]

Die Größen der Gestaltungselemente (Überschriften, Haupttexte, Subtexte, Bilder, Logos, Deko-elemente, Linien etc.) richten sich nach der Bedeutung innerhalb des Kontextes; Hauptaussage, Blickfangmotiv, Inhalte evtl. mit erläuternden Beitexten, Pflichtangaben. Wichtig ist auch eine überlegte Gliederun/Reihenfolge, die den Betrachter führt ohne ihn zu verwirren.

 

[Myhar]

Ich kann dazu den von Google entwickelten Bildkomprimierer empfehlen, der hat bei mir bis jetzt die besten Ergebnisse erreicht. "Guetzli" nennt der sich.

sicher, eine Komprimierung vor dem Hochladen ist sinnvoll, aber das Tool gibt das Format eines Bildes nicht vor (was ja die ursprüngliche, sinnlose Frage war)

 

[Fugel]

(was ja die ursprüngliche, sinnlose Frage war)

Genau die hab ich daher einfach mal übergangen und den Tipp der Komprimierung mit auf den weg gegeben ;-)