Optimaliseer en stoor GIF-beelde

Pin
Send
Share
Send


Nadat u 'n animasie in Photoshop gemaak het, moet u dit in een van die beskikbare formate stoor, waarvan een is GIF. 'N Kenmerk van hierdie formaat is dat dit bedoel is vir vertoon (afspeel) in 'n blaaier.

As u belangstel in ander opsies om animasie te stoor, beveel ons aan dat u hierdie artikel lees:

Les: Hoe om 'n video in Photoshop te stoor

Skeppingsproses GIF animasie is in een van die vorige lesse beskryf, en ons sal vandag bespreek hoe om die lêer in die formaat te stoor GIF en oor optimeringsinstellings.

Les: Skep 'n eenvoudige animasie in Photoshop

GIF-besparing

Laat ons eers die materiaal herhaal en vertroud raak met die instellingsvenster. Dit word oopgemaak deur op die item te klik. Stoor vir web in die spyskaart "File".

Die venster bestaan ​​uit twee dele: 'n voorskoublok

en instellingsblok.

Voorskoublok

Die keuse van die aantal besigtigingsopsies word bo-aan die blok gekies. Afhangend van u behoeftes, kan u die gewenste instelling kies.

Die beeld in elke venster, behalwe die oorspronklike, word afsonderlik gekonfigureer. Dit word gedoen sodat u die beste opsie kan kies.

In die linkerbovenste deel van die blok is 'n klein stel gereedskap. Ons sal slegs gebruik "Hand" en "Zoom".

deur "Hands" U kan die beeld binne die geselekteerde venster skuif. Die keuse word ook deur hierdie instrument gemaak. "Zoom" voer dieselfde aksie uit. U kan in- en uitzoom met die knoppies onderaan die blok.

Hieronder is 'n knoppie met die inskripsie "Kyk". Dit maak die geselekteerde opsie in die standaardblaaier oop.

In die blaaiervenster, benewens 'n stel parameters, kan ons ook kry HTML-kode SIFCO.

Instellingsblok

In hierdie blok word die beeldparameters aangepas, ons sal dit in meer besonderhede oorweeg.

  1. Kleurskema. Hierdie instelling bepaal watter geïndekseerde kleurtabel tydens die optimalisering op die beeld toegepas sal word.

    • perseptuele, maar bloot 'n 'persepsieskema'. Wanneer dit toegepas word, skep Photoshop 'n kleurtabel, gelei deur die huidige kleure van die beeld. Volgens die ontwikkelaars is hierdie tabel so na as moontlik aan die manier waarop die menslike oog kleure sien. Plus - die beeld wat die naaste aan die oorspronklike is, word kleure maksimaal bewaar.
    • selektiewe Die skema is soortgelyk aan die vorige, maar dit gebruik hoofsaaklik kleure wat veilig is vir die web. Daar word ook klem gelê op die vertoon van skakerings naby die oorspronklike.
    • adaptive. In hierdie geval word die tabel geskep uit kleure wat meer gereeld in die beeld voorkom.
    • beperkte. Dit bestaan ​​uit 77 kleure, waarvan sommige deur wit in die vorm van 'n punt (korrel) vervang word.
    • persoonlike. As u hierdie skema kies, word dit moontlik om u eie palet te skep.
    • Swart en wit. Slegs twee kleure word in hierdie tabel (swart en wit) gebruik, ook met korrelgrootte.
    • In grysskaal. Hier word verskillende 84 vlakke van grysskakerings gebruik.
    • MacOS en Windows. Hierdie tabelle word saamgestel op grond van die funksies van die vertoon van beelde in blaaiers wat hierdie bedryfstelsels gebruik.

    Hier is 'n paar voorbeelde van kringverbruik.

    Soos u kan sien, is die eerste drie monsters van 'n redelike aanvaarbare gehalte. Ondanks die feit dat hulle amper nie van mekaar verskil nie, sal hierdie skemas anders op verskillende beelde werk.

  2. Die maksimum aantal kleure in 'n kleurtabel.

    Die aantal skakerings in die beeld beïnvloed direk die gewig daarvan, en dienooreenkomstig, die aflaaisnelheid in die blaaier. Die mees gebruikte waarde 128, aangesien so 'n instelling byna geen effek op kwaliteit het nie, terwyl die gewig van die gif verminder word.

  3. Webkleure. Hierdie instelling stel die verdraagsaamheid waarmee skakerings omgeskakel word na ekwivalente vanaf 'n veilige webpalet. Die gewig van die lêer word bepaal deur die waarde wat deur die skuifknop gestel word: die waarde is hoër - die lêer is kleiner. Moenie ook van kwaliteit vergeet wanneer u webkleure opstel nie.

    'N Voorbeeld:

  4. Met dithering kan u die oorgange tussen kleure glad maak deur die skakerings in die geselekteerde indekstabel te meng.

    Die aanpassing sal ook help om die gradiënte en integriteit van monofoniese afdelings sover moontlik te bewaar. As dithering toegepas word, neem die lêergewig toe.

    'N Voorbeeld:

  5. Deursigtigheid. formaat GIF ondersteun slegs absoluut deursigtige of absoluut ondeursigtige pixels.

    Hierdie parameter vertoon geboë lyne, sonder addisionele aanpassing, en laat pixelladders agter.

    Fynstemming word genoem "Matt" (in sommige uitgawes "Border"). Met die hulp daarvan word pixels van die foto gemeng met die agtergrond van die bladsy waarop dit geleë is, gekonfigureer. Kies 'n kleur wat ooreenstem met die agtergrondkleur van die webwerf vir die beste vertoon.

  6. Interlaced. Een van die nuttigste vir webinstellings. In die geval, as die lêer 'n beduidende gewig het, kan dit u dadelik die foto op die bladsy wys, en sodoende die kwaliteit daarvan verbeter.

  7. Die sRGB-omskakeling help om die maksimum van die oorspronklike beeldkleure te behou terwyl u stoor.

aanpassing "Afwisseling van deursigtigheid" die beeldkwaliteit en die parameter aansienlik benadeel "Lost" ons praat in die praktiese gedeelte van die les.

Vir 'n beter begrip van die proses om GIF-besparing in Photoshop op te stel, moet u oefen.

Praktyk

Die doel van die optimalisering van beelde vir die internet is om lêergewig te minimaliseer, terwyl dit kwaliteit behou.

  1. Gaan na die menu na die verwerking van die foto Lêer - Stoor vir web.
  2. Ons stel die uitsigmodus in "4 opsies".

  3. Vervolgens moet u een van die opsies so soortgelyk aan die oorspronklike as moontlik maak. Laat dit die prentjie regs van die bron wees. Dit word gedoen om die lêergrootte op die beste gehalte te skat.

    Parameterinstellings is soos volg:

    • Kleurskema "Selektiewe".
    • "Kleure" - 265.
    • "Weifelende" - "Toevallig", 100 %.
    • Ons verwyder die dou voor die parameter "Interlaced", aangesien die finale volume van die beeld redelik klein sal wees.
    • Webkleure en "Lost" - nul.

    Vergelyk die resultaat met die oorspronklike. In die onderste deel van die raam met die monster, kan ons die huidige grootte van die GIF en die aflaaisnelheid daarvan op die aangeduide internetsnelheid sien.

  4. Gaan na die onderstaande prent wat net gekonfigureer is. Kom ons probeer dit optimaliseer.
    • Ons laat die skema onveranderd.
    • Die aantal kleure word verminder tot 128.
    • waarde "Weifelende" verminder tot 90%.
    • Webkleure ons raak nie, want dit sal ons nie help om kwaliteit te handhaaf nie.

    GIF-grootte het afgeneem van 36,59 KB tot 26,85 KB.

  5. Aangesien die prentjie al 'n bietjie korreligheid en klein gebreke het, sal ons probeer verhoog "Lost". Hierdie parameter definieer die aanvaarbare vlak van verlies van data tydens kompressie. GIF. Verander die waarde na 8.

    Ons het daarin geslaag om die lêergrootte verder te verminder, terwyl ons 'n bietjie gehalte verloor. GIF's weeg nou 25,9 kilobyte.

    In totaal kon ons die beeldgrootte met ongeveer 10 KB verminder, wat meer as 30% is. 'N Baie goeie resultaat.

  6. Verdere aksies is baie eenvoudig. Klik op die knoppie "Save".

    Kies 'n plek om te stoor, gee die naam van die gif en klik weer op "Stoor ".

    Let daarop dat daar 'n moontlikheid bestaan ​​met GIF skep en HTML dokument waarin ons prentjie ingebed is. Om dit te kan doen, is dit beter om 'n leë gids te kies.

    As gevolg hiervan kry ons 'n bladsy en 'n lêergids met 'n afbeelding.

Wenk: probeer om nie die Cyrilliese karakters te gebruik as u 'n lêer benoem nie, aangesien nie alle blaaiers dit kan lees nie.

Dit is die les vir die stoor van beeld in formaat GIF voltooi. Daarop het ons uitgevind hoe u 'n lêer kan optimaliseer om op die internet te kan plaas.

Pin
Send
Share
Send