Nodeems Dir eng Animatioun zu Photoshop erschafft, musst Dir se an engem vun de verfügbaren Formate retten, eent ass Gif. E Feature vun dësem Format ass datt et entwéckelt gëtt fir ze weisen (Spill) am Browser.
Wann Dir aner Méiglechkeeten interesséiert fir d'Animatioun ze spueren, empfänkt Iech dësen Artikel hei:
Lektioun: Wéi gesitt Dir Video an Photoshop
Schafft Prozess Gif D'Animatioun ass an engem vun deene virdrun beschriwwen, an elo schwätze mer iwwer wéi d'Datei ze späicheren Gif an Optimisatiounsvariablen.
Lektioun: Erstellt eng einfache Animatioun am Photoshop
GIF ze spueren
Fir ze beginnen, widderhuelen de Material a kuckt op d'Astellungs-Fensteren. Et öffnet de Klick op deen Element. "Späichere fir Web" am Menu "Datei".
D'Fënster besteet aus zwee Deeler: e Virgeschmaach
a blockéiere kënnen.
Virschau blockéiert
D'Auswiel vun der gewielter Optiounsoptioun läit am Top vun der Spär. Ofhängeg vun Äre Besoinen, kënnt Dir Är Wënsch presentéiert.
D'Bild an all Fënster, ausser de Original, gëtt separat konfiguréiert. Dat geschitt fir datt Dir déi bescht Alternativ auswielen kënnt.
Am Uewe lénksen Deel vun der Spär ass e klenge Set vun Tools. Mir benotze just "Hand" an "Skala".
Mat der Hëllef vun "Hänn" Dir kënnt d'Bild innerhalb vun der gewënschter Fënster bewegen. D'Auswiel gëtt och gemaach vun dësem Tool. "Skala" déi selwecht Aktioun mécht. Dir kënnt och zoumaachen an eraus mat den Knäppchen am ënneschte vun der Spär.
Just ënner ass de Knäppchen "Bléck". Et öffnet déi gewielte Optioun am Standardbrowser.
An der Browserfenêt, zousätzlech zu e puer Parameteren, kënne mir och kréien HTML Code gifs
Parameteren
An dësem Block ginn d'Bildparameter opgeriicht, loosse mer se méi detailléieren.
- Faarfschema. Dës Einstellung determinéiert déi indexéiert Faarfstabelle fir d'Bild während der Optimatioun applizéiert.
- Perceptual, awer einfach "Perceptiounsschema". Wann angewandt gëtt, schafft Photoshop eng Tabell vu Faarwen, gezeechent duerch d'aktuell Nuancen vum Bild. Niewebäi vun den Entwéckler ass dësen Dësch esou no wéi méiglech wéi de mënschlechen Auge d'Faarwen gesäit. Plus - am noosten zum Originalbild, sinn d'Faarwen esou vill wéi méiglech gespuert.
- Selectiv De Schema ass ähnlech wéi déi virdrun, mee haaptsächlech benotzt Faarwen déi sécher sinn fir d'Netz. Et konzentréiert sech och op der Affichage vun Nuancen un der ursprénglecher.
- Adaptéiert. An dësem Fall gëtt den Dësch aus Faarwen erstallt, déi méi am Bild vill méi fonnt ginn.
- Limitéiert sinn. Et besteet aus 77 Faarwen, e puer vun deenen ginn duerch wäiss a Form vun engem Punkt markéiert.
- Personaliséiert. Wann Dir dës Schema auswielt, kënnt Dir Är eege Palette erstellen.
- Schwaarz a wäiss. Dës Tabelle benotzt nëmmen zwee Faarwen (schwaarz a wäiss), och mat Getreid.
- An der Groussthal. Hei sinn verschidde 84 Niveaue vu Schatten vu Grey ugewand.
- MacOS an Windows. Dës Dëscher sinn op der Basis vun de Charakteristike vu Biller an Browseren, déi dës Operatiounsysteme laafen, kompiléiert.
Hei sinn e puer Beispiller vun der Verwaltung vu Systemer.
Wéi Dir gesitt, sinn déi éischt dräi Proufzorten ganz akzeptabel. Trotz der Tatsaach, datt se visuell verschidden ka net ënnerschiddlech sinn, ginn dës Schemen anescht op verschiddene Biller beschäftegt.
- Déi maximal Zuel vu Faarwen an der Faarf Dësch.
D'Zuel vun den Nuancen am Bild beaflosst direkt säin Gewiicht, an deementspriechend d'Downloadgeschwindegkeet am Browser. Déi am meeschten verbrauchte Wäert 128Well dës Ëmfeld bal keng Auswierkungen op Qualitéit ass, an d'Gewiicht vum gif reduzéiert.
- Webforen. Dëst Ëmfeld setzt d'Toleranz mat deenen d'Tënt u sech aus enger sécherer Webspalette konvertéiert sinn. De Fichiergewiicht ass festgeluecht vum Wäert vun der Regler: de Wert ass méi héich - d'Datei ass méi kleng. Wann Dir Web-Faarwen opmaachen, vergiesst net d'Qualitéit.
Beispill:
- D'Dithering erméiglecht Iech d'Iwwergänzunge vu Faarwen ze vermëschen andeems d'Faarwen vermëschen, déi an der gewielter Indextabelle enthalt sinn.
D'Justifizéierung hëlleft och, wéi wäit et méiglech ass, d'Steigerungen an Integritéit vu monochromateschen Portiounen ze bewahren. Wann Dir Dëssung benotzt, vergréissert d'Datei Gewicht.
Beispill:
- Transparenz. Format Gif ënnerstëtzt nëmmen absolut duerchsichteg oder absolut opakele Pixelen.
Dëse Parameter, ouni zousätzlech Justement, weist schlecht aus geklauten Linnen z'ënnerstëtzen, a leeft Bildelinneglieder aus.
Adjustment gëtt genannt "Frosted" (an e puer Editiounen "Grenz"). Et kann benotzt ginn fir d'Pixelen vum Bild mam Fond vun der Säit ze mëschen, op där et wäert sinn. Fir déi beschte Display, wielt eng Faarf, déi mat der Hannergrondfaarf vun der Säit passend.
- Interlaced. Eng vun den nëtzlechsten Astellungen fir de Web. An dësem Fall, wann d'Datei e wéineg Gewiicht ass, kënnt Dir Iech de Bild op der Säit direkt weisen, well se geluede gëtt a seng Qualitéit verbessert.
- D'SRR Konversioun hëlleft den Maximum vun den originelle Faarwen vum Bild ze halen wann se spueren.
Customization "Ditheréieren Transparenz" signifikant degradéiert d'Bildqualitéit, awer iwwer de Parameter "Verlust" Mir schwätzen am prakteschen Deel vun der Lektioun.
Fir e bessert Verständnis vum Prozess vum Schaffen vun der Konservatioun vu Gif an Photoshop, braucht Dir ze praktizéieren.
Praxis
Ziel vun der Optimiséierung vun Biller fir d'Internet ass d'Gewiicht vun der Datei ze minimiséieren andeems se Qualitéit erfëllt.
- Nodeems Dir d'Biller veraarbecht gitt op de Menü "Datei - Späichere fir Web".
- De Modus kucken "4 Optiounen".
- Niewt Dir eent vun de Méiglechkeete fir esou no wéi méiglech de originalen ze maachen. Loosst et d'Bild op der richteger Quell. Dat geschitt fir d'Dateigréisst mat maximaler Qualitéit ze schätzen.
Déi Parameteren agefouert ginn:
- Faarfschema "Selektiv".
- "Faarwen" - 265.
- "Rasterung" - "Zoufall", 100 %.
- Den Checkbox virum Parameter ofstëmmen "Interlace", well d'Finale vum Bild ka relativ kleng sinn.
- "Webfarben" an "Verlust" - Null.
Vergläicht dat Resultat mat der ursprénglecher. Am ënnen vun der Echappechfënster kënne mir d'aktuell Gréisst vum Gif an d'Downloadgeschwind bei der Internet-Geschwindegkeete gesinn.
- Gitt d'Bild just ënnert der Konfiguratioun. Elo probéiert d'Optimisatioun ze optimiséieren.
- De Schema bleift onverännert.
- D'Zuel vu Faarwen ass op 128 reduzéiert.
- Bedeitung "Rasterung" op 90% reduzéiert.
- Webforen net beréieren, well dëst an dësem Fall hëlleft eis net fir Qualitéit ze erhalen.
D'GIF-Gréisst huet vu 36,59 KB op 26,85 KB verréit.
- Well et schonn e puer Kaffi a kleng Feierdeeg an der Foto ass, wäerte mir probéieren ze erhéijen "Verlust". Dëse Parameteren determinéiert den akzeptable Niveau vum Datenverléiser während der Kompromiss. Gif. Ändert de Wäert op 8.
Mir hunn d'Gréisst vun der Datei weider reduzéiert andeems se e bëssen an der Qualitéit verléieren. Gifka ass elo 25,9 Kilobytes.
Also, mir konnten d'Gréisst vum Bild um 10 KB reduzéieren, wat méi wéi 30% ass. Ganz gutt Resultat.
- Weider Akten sinn ganz einfach. Push de Knäppchen "Späicheren".
Wielt eng Plaz fir ze retten, gitt de Numm vum gif a klickt duerno op "Späicheren ".
Maacht weg datt et eng Méiglëchkeet ass Gif erstellen an HTML den Dokument, an deem eise Bild unbeduecht gëtt. Dofir ass et besser, e gëeegente Fichier ze wielen.
Als Resultat kréien mir eng Säit an e Verweigert mat engem Bild.
Tipp: wann Dir eng Datei nennt, probéiert d'Cyrillic Zeechen net ze benotzen, well net all Browsers kënnen se liesen.
An dëser Lektioun iwwer d'Spuerbilder am Format Gif ofgeschloss ass. Et huet gewisen, wéi d'Optimiséierung vun der Datei fir Plaz am Internet kaafen.
