Fotos für das Web optimieren

auch im Zeitalter von DSL und gut gilt noch immer Bilder die ins Internet gestellt werden sollen müssen von der Dateigröße der möglichst gering sein wenn Sie große Fotos ins Internet stellen dann dauert der Bildaufbau im Wald weiterer entsprechend lange der Besucher Ihrer Homepage muss auf den Bildaufbau warten wir und wenn ihm das zu lange dauert und ist der Weg noch bevor das Bild wirklich angezeigt wird ja so etwas wollen Sie natürlich nicht und deshalb müssen Sie Ihr Bild drastisch Herunterrechnen dazu müssen Sie zunächst falls erforderlich die Dateigröße und die Auflösung verändern aber auch das Dateiformat sie sehen dass Sie hier ein tief Format haben dieses ist prinzipiell für den Druck geeignet aber für die Darstellung im Internet ist tief gänzlich ungeeignet hier müssen wir ein Schild deckt benutzen Triplex aber auch nur dann wenn es sich um Fotos handelt in denen es sehr viele verschiedene Farbabstufungen gibt bei Grafiken sowie das hierbei Blue Box der Fall ist die aus ebenmäßigen Farbflächen bestehen hier eignet sich er das Format die mit beiden Bildern werden wir in dieser Lektion noch Arbeiten zunächst einmal möchte ich mich jedoch um Blume dort tief Gamma Scholle uns zunächst einmal die Abmessungen an ich sehe dass mein Foto nur mit einer Größe von fünfundzwanzig Prozent dargestellt wird aktuell also mystisch wird zunächst einmal ansehen wie groß ist man Foto denn wirklich wie sieht es bei einhundert Prozent aus deshalb kläglich hier doppelt auf die Lupe und Sie sehen schon die Datei ist hier zu groß ich könnte sie jetzt in dieser Größe lassen als JPEGs ausgeben und dann vielleicht in einem HTML Generator kleiner ziehen also im Prinzip die Darstellung verkleinern aber dabei würde dann die tatsächlich Dateigröße im Original bleiben und das nutzt mehr gar nichts deshalb werde ich hier in Photoshop Elements bereits das Bild Herunterrechnen erstmalig über Bild skalieren Bild größeren und hier kann ich zunächst einmal die eigentliche Dateigröße ablesen Sie sehen die Datei ist fünf Komma bereits Omega Bytes groß und das ist natürlich fürs Internet wirklich gigantisch zeitgleich sehe ich aber dass die Auflösung mit dreihundert D die eigentlich eher für den klassischen Vierfarbdruck geeignet wäre und vier muss sich entsprechend Herunterrechnen ich doppelklicken deshalb diesen Wert und gebe zweiundsiebzig die die ein das reicht für die Darstellung im Internet allemal aus zudem muss sich jetzt schauen wie die Höhe aussieht dass es natürlich jetzt zu gering geworden wenn diese Pixel Maße werden ebenfalls verkleinert indem ich den Wert Auflösung verändern Deshalb werde ich nachdem ich hier den aktuellen Wert eingegeben habe die Höhe oder die Breite nach meinen Wünschen verändern ich möchte gerne dass das Foto vierhundert Pixel hoch ist deshalb ewig hier vierhundert das Ganze funktioniert nur wenn die unten die Checkbox Bild neu berechnen mit angewählt ist ansonsten können Sie diese Veränderungen nicht machen nun wende ich noch einen Umrechnung Modus an dieser steht nämlich standardmäßig auf Bikubisch und hier möchte ich gerne auf Bikubisch Jahr Vergehen dass sich das zum verkleinere von Fotos am besten ein noch einmal zur Wiederholung ich habe die Auflösung von dreihundert auf zweiundsiebzig die die heruntergesetzt habe die Höhe mit vierhundert Pixel angegeben Klasse das Bild nach der Methode Bikubisch hervor mal berechnen Sie können noch einmal die Dateigröße miteinander vergleichen ursprünglich war die Datei fünf Komma bereits UMP groß und ist jetzt nur noch dreihundert einundfünfzig Komma sechs Kilo Byte groß also schon eine Riesen Verbesserung obwohl das noch lange nicht alles ist zunächst einmal werde ich aber mit OK bestätigen und ist jetzt die Datei mit einhundert Prozent Größe das heißt die Fläche dieses Bildes ist wesentlich geringer geworden und das erlaubt mehr natürlich auch auf kleinere Datei Größen zurückzugreifen Jahr im nächsten Schritt werde ich jetzt das Format angeben dass sich um ein Foto handelt wie besprochen jetzt Anschnitt des und das mache ich entweder über die Tastenkombination Steuerung Alt Umschalt und es bitte passen Sie auf das sich dabei keine zehn scheidenden Zündung holen oder gehen Sie auf Datei führe Speicher ja nun finde ich hier einen doch recht umfangreichen Dialog vor mit der Welt die Blumen wiederholt speichern und das interessante ist dass sich hier zunächst einmal einen Vorher nachher Vergleich haben also ich finde links das Original also Blume dort tief mit der dazugehörigen Kilo Byte Zahl die wir im ersten Schritt heruntergerechnet hatten und ich finde auf der rechten Seite Informationen dazu wie groß die Datei jetzt würde und wie lange sie beispielsweise bei einem Wechsel fünfzig Komma sechs Kilobit Modellen benötigen würde um geladen zu werden das können Sie umstellen wenn Sie also hier ein anderes Modellen benutzen wollen oder vielleicht hier Kabel DSL dann können Sie das umstellen ich gehe jetzt einmal hier auf fünfhundert zwölf Kilo Bild dann sehen Sie dass dieser Wert angeglichen wird aber um auch die langsamsten User noch entsprechend bewirken zu können sollten Sie doch das Modellen sechs fünfzig Komma sechs Kilobyte belassen und Sie sehen jetzt würde die Datei fünfzehn Sekunden brauchen bis sie geladen ist das ist natürlich ein ungefähre Wert ein Durchschnittswert der nicht unbedingt immer verbindlich ist sondern hier vielmehr als Richtschnur zu sehen ist das ist und zu langen Sechsen siebzig Komma fünf fünf Kilo Byte ist auch zu große noch immer und das Format gefällt mir auch nicht dieses tief wären nämlich wirklich er geeignet für Grafiken nicht allerdings für Bilder und deshalb Stelle hier zunächst einmal um von Kiew auf Gel Beck im übrigen den G acht und PNG vierundzwanzig unter etwas vernachlässigen PNG acht entspricht lief und PNG vierundzwanzig Apple und in dieser Lektion wollen mehr Mitgift und Jailbreak Arbeit also da ich ein Foto habe werde ich Jailbreak und kann dann hier noch eine Qualität einstellen diese steht jetzt auf sechzig und auf hoch ich kann hier verschiedene Voreinstellung wählen Mittel oder niedrig oder kann das ganze hier stufenlos über einen Regler machen das sollte ich grundsätzlich machen Während ich diesen Wert hier im Auge halte also für ein solches Jailbreak sind mehr einem dreißig Komma drei drei Kilo Byte noch immer zu groß deshalb die hier mit der Qualität herunter beispielsweise auf Mittel und ich sehe hier hier in der Vorschau um durch damit noch zufrieden sein kann den hier rechts wird mir das Bild so angezeigt wie es später im Ergebnis Auftrag zudem kann ich mir das ganze in einer Vorschau ansehen dazu ständig das Fenster jetzt hier einmal etwas höher hier können Sie zum Beispiel über andere auf ihre Browser zugreifen und können sich hier zum Beispiel dann den gewünschten Feier Fox Internet Explorer oder was sie auch immer benutzen wollen einstellen Sie sehen aber das mit der Qualitäts Reduktion auch hier eine Verringerung der Dateigröße stattgefunden hat ich habe jetzt nur vierzehn Komma vier Kilo war ich kann auch hier noch einmal die Größe ändern Sie sehen dass sich dreihundert Mal viermal Pixel Datum wenn ich jetzt entscheiden möchte ein zweiundfünfzig reichen auch dann kann ich diesen Wert doppelklicken tradiert zweihundertfünfzig ein Springer mit der Tab Taste heraus und klicken hier unten auf anwenden damit diese Größenordnung an das Bild übergeben wird jetzt habe ich hier dreihundert dreiunddreißig einer OK ich Flickr mal auf anwenden das Bild wird noch einmal verkleinern und ich sehe dass ich jetzt nur noch zehn Komma neun zwei Kilo Byte habe und damit bin ich absolut zufrieden ja danach kann ich mit OK bestätigen und kann den eigentlichen speichern Dialog angeben und sie sehen dass sich jetzt also ein Gel Becker Zeuge und ich der hier auf Speichern allerdings sollten Sie grundsätzlich berücksichtigen dass dieses JPG dass sie jetzt hier ausgeben wirklichen nur für die Darstellung im Internet geeignet ist wollen Sie Änderungen durchführen dann nehmen Sie bitte nicht dieses JPEGs das egal ausgegeben haben weil sie würden die Datei erneut öffnen und beim erneuten komprimieren über den Dialog Für Web speichern würden Sie Einen erneuten Qualitätsverlust in Kauf nehmen müssen deshalb bis zu empfehlen dieses Tief immer zu behalten und auf Grundlage dieser Datei dann sofern erforderlich ist neue Bilder zu erzeugt Dia zehn Komma neun Kilo Byte bei dieser Qualität ich glaube damit Filme zufrieden sein kurz noch der zweite Weg wenn Sie also keine Fotos haben sondern Grafiken in den ebenmäßigen Flächen auftauchen keine Verläufe und dergleichen zum Tragen kommen da können Sie ein tief ausgeben dass man sie zunächst auch einmal über den Dialog Datei für hohe speichern jetzt muss sich das Fenster einmal kurz hier Hochstellen damit sie das auch alles sehen können jetzt habe ich den Dialog für Ruhe speichern geöffnet und jetzt sollte ich mich auch für eingeht entscheiden ich möchte Ihnen kurz demonstrieren was passiert wenn ich auf Jailbreak umschaltet sie sehen dass die Datei jetzt drei Komma Bereich vier vier Kilo Byte hat also größer ist als JPEGs und die Qualität des auch noch schlechter man sie dafür sehr schön am Übergang um wenn ich Umschalter auf die F dann habe ich nur noch eins Komma acht Kilo war also ich erhalte bei solchen Ebenen Flächen eine bessere Qualität und eine geringere Datei Größe wenn ich tiefen nehme zum wir einmal in einem Punkt daran wenn ich auftrete umschaltet dann sehen Sie dass es hierzu Artefakten kommt und diese sind natürlich überhaupt nicht gewünscht und wenn ich zusätzlich noch eine erhöhte Datei Größe in Kauf nehmen muss dann ist das nicht der richtige Weg also solche Grafiken bitte immer Ingest A