Vollständige Version anzeigen : Bilder komprimieren für Webseite


Fu$$el
09.01.2014, 15:57

Ich bin momentan auf der Suche nach einem guten Programm um verschiedene Dateien (jpeg, png) relativ verlustfrei zu komprimieren.

Was nutzt ihr? Was könnt ihr empfehlen?

Hardware Preisvergleich | Amazon Blitzangebote!

Videos zum Thema
Video Loading...
creation
09.01.2014, 17:54

Sofern vorhanden, Photoshop (Web speichern unter)

ansonsten Fotos verkleinern: Kostenlos Ihre Bilder hochladen und verkleinern. (;;;fotosverkleinern~de/) schon mal probiert?


Fu$$el
09.01.2014, 18:17

Ja ist vorhanden und hab ich bislang auch immer genutzt.

Wenn ich die Bilder allerdings auf folgender Seite hochlade, sind sie kleiner und mit weniger qualitätsverlust:
JPEGmini | Oops... (;;;jpegmini~com/)

Gibt es dazu vielleicht noch alternativen?


creation
09.01.2014, 20:36

Ich kenne leider keine Alternativen zu deiner genannten Seite, kann mir aber nicht wirklich erklären, warum das besser funktionieren sollte als Photoshop..

Hast du denn deine Einstellungen mal gecheckt?
Wenn ich beispielsweise ein Header-Bild mit 2560x500 als ;jpeg mit 80 Qualität speichere, dann hat das Top Qualität und ±130kb, was ich definitiv für gut empfinde :)


Fu$$el
09.01.2014, 20:42

könntest du vielleicht eine unkomprimierte datei mit photoshop speichern und mit der seite zum vergleich?

Kann auch sein das ich einfach zu dumm bin und in ps was falsches eingestellt hab..


creation
09.01.2014, 22:18

Nr;1 Photoshop für Web speichern auf 150kb optimiert
#attach#29#/attach#

Nr;2 JPEGmini hat das Original Bild von 1,1MB auf 611kb runter geschraubt
#attach#30#/attach#

Im Vergleich auf meinem Notebook (Retina) sehe ich wenig bis keinen Unterschied, jedoch wäre für mich schon wichtig, dass das Bild so klein wie möglich bleibt..

E:/ Am stärksten erkennt man den Unterschied im grünen Farbbereich, jedoch ist das die 150kb auf alle Fälle wert wie ich finde..


DavyDave
09.01.2014, 23:18

Mache das auch mit Photoshop über Web speichern, geh aber bei der Qualität auf 70. Da merkt man meist auch keinen Qualitätsverlust.

Was PNG angeht, das ist an sich ein verlustfreies Grafikformat. Was du hier noch auswählen kannst ist PNG8, hast da aber keine volle transparenzunterstützung, wie gif im grunde.


Fu$$el
10.01.2014, 17:09

Vielen Dank leute!
Hab es jetzt auch ordentlich mit Photoshop hinbekommen.. Hatte paar Einstellungen falsch eingestellt..


elf4
21.01.2014, 17:41

Ich würde dir folgende Tipps geben:

Bilder immer entsprechend des Inhalts und des benötigen Farbraums abzuspeichern:

Foto immer im Jpg Format
Grafiken mit mehr wie 256 Farben im PNG Format
Grafiken mit weniger wie 256 Farben im gif Format (zum Beispiel 2 Farbige Background Pattern)

Ansonsten kann man nicht viel den Inhalt des Threads hinzufügen außer den Verweis auf CSS anstelle von Bildern, Sprites (ein Bild mit mehreren Grafiken was vom Server nur einmal geladen wird und dann je Verwendung per CSS richtig positioniert wird - Bsp: (;;;bergfreunde~de/out/bergfreunde/img/sprites/sprite_layout_web_v10;png)) und bei Fotos nicht benötigte Bereiche weiß einfärben da eine weiße Fläche weniger Speicher benötigt als ein Fläche mit hunderten Farben Bsp: (;;;bergfreunde~de/out/bergfreunde/img/background/background_20131216;jpg)

gruß elf4


Nanobyte
21.01.2014, 17:55

Was PNG angeht, das ist an sich ein verlustfreies Grafikformat. Was du hier noch auswählen kannst ist PNG8, hast da aber keine volle transparenzunterstützung, wie gif im grunde;

PNG8 hat die selbe Transparenz-Unterstützung nur Photoshop kann das anscheinen nicht abspeichern. Einfach TinyPNG – Compress PNG images while preserving transparency (;tinypng~com/) nehmen.


elf4
21.01.2014, 18:03

kleiner nachtrag aus den PM-Verkehr:

Benutze selbst auch nur speichern fürs web mit einen Komprimierungfaktor zwischen mittel und hoch (Wert zwischen 30 und 80 - ist vom Motiv abhängig) Alles unter 30 führt zu deutlich erkennbaren Qualitätsverlusten. Es gibt noch den Ansatz der doppelten Pixelgröße mit den stärke Kompressionen möglich sind.

Beiträge zum Thema:

Bilder für Responsive Designs effizient komprimieren | Die Netzialisten (;die-netzialisten~de/wordpress/bilder-fur-responsive-designs-richtig-komprimieren/)
Afbeeldingen bewaren voor hoge resolutie Retina schermen (;;;netvlies~nl/blog/design-interactie/retina-revolutie-follow-up)


Enforcer
23.01.2014, 19:30

ist denke ich schon alles gesagt - um die letzten kb's rauszuholen hab ich noch folgendes tool: Yahoo! Smush;it™ (;;;smushit~com/)

gibt auch ein wordpress plugin, was die hochgeladenen bilder der mediathek automatisch smushed...

hf


Ähnliche Themen zu Bilder komprimieren für Webseite


raid-rush.ws | Imprint & Contact pr