Spara Photoshop CS5-bilder för webb- och mobilenheter - dummies

Spara filer för webben eller mobila enheter i Photoshop Creative Suite 5 skapar en mindre version av bilden så att den laddas snabbt. Det är viktigt att känna skillnaderna mellan GIF, JPEG, PNG och WBMP, så du kan välja lämpligt format baserat på vilken bild du sparar. Tanken är att göra bilden så liten som möjligt samtidigt som den är visuellt tilltalande.

GIF

Använd GIF-formatet om du har stora områden med fast färg.

En bild med mycket solid färg gör en bra GIF.

GIF-formatet är inte lossy (det förlorar inte data när filen komprimeras i det här formatet), men det minskar filstorleken genom att använda ett begränsat antal färger i ett färgbord. Ju lägre antal färger desto mindre är filstorleken.

Genomskinlighet stöds av GIF-filformatet. Generellt gör GIF-filer inte ett bra jobb på allt som behöver smidiga övergångar från en färg till en annan på grund av formatets dåliga stöd för anti-aliasing , vilket är metoden som Photoshop använder för att släta kantade kanter.

Eftersom anti-aliasing behöver skapa flera färger för denna effekt rekommenderas GIF-filer i allmänhet inte. När du sänker storleken på en GIF, är du mer benägen att se banding (streck i bilden) eftersom anti-aliasing inte kan ske med det begränsade antalet tillgängliga färger.

JPEG

JPEG är det bästa formatet för bilder med smidiga övergångar från en färg till en annan, som i fotografier.

JPEG-formatet är lossy, så du ska inte spara en JPEG och sedan öppna den, redigera den och spara den igen som en JPEG. Spara en kopia av filen som en JPEG, behåll originalbilden i PSD-format om du behöver redigera bilden senare, öppna den ursprungliga PSD, gör dina ändringar, spara PSD och spara sedan en kopia av den redigerade filen som en JPEG.

JPEG-formatet ger inte stöd för öppenhet.

Bilder med smidiga övergångar från en färg till en annan är bra kandidater för JPEG-filformatet.

PNG

PNG är den perfekta kombinationen av GIF och JPEG. PNG stöder olika nivåer av insyn och anti-aliasing. Den här variationen innebär att du kan ange en bild som 50 procent transparent och den visar till den underliggande webbsidan! Du kan välja mellan PNG-8 och PNG-24. Som ett filformat för optimering av bilder ger PNG-8 dig ingen fördel jämfört med en vanlig GIF-fil.

PNG-24 stöder anti-aliasing (den smidiga övergången från en färg till en annan). Dessa bilder fungerar vackert för kontinuerliga tonbilder men är mycket större än en JPEG-fil.Den verkligen fantastiska funktionen i en PNG-fil är att den stöder 256 nivåer av öppenhet. Med andra ord kan du tillämpa varierande mängder av öppenhet i en bild där bilden visar fram till bakgrunden.

En PNG-24-fil med olika mängder öppenhet.

PNG-filer är inte som stöds av alla webbläsare. Dessutom har PNG-24 bilder filstorlekar som kan vara för stora för webben.

WBMP

WBMP är optimerad för mobil databehandling, har ingen komprimering, är enbitsfärg (bara svartvitt - inga nyanser) och är en bit djup. WBMP-bilder är inte nödvändigtvis vackra, men de är funktionella. Du har ditheringskontroller för att visa någon nivå av tonvärde.

Vill du se hur ditt mobila innehåll ser ut på specifika enheter? Klicka på knappen Enhetscentral i nedre vänstra hörnet av dialogrutan Spara för webb och enheter.

WBMP-formatet stöder bara svartvitt.