Spara Photoshop Images som JPEG 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 kommer att ladda snabbt. Tanken är att göra bilden så liten som möjligt samtidigt som den är visuellt tilltalande.

JPEG (Joint Photographic Experts Group) är det bästa formatet för kontinuerliga tonbilder - de med smidiga övergångar från en färg till en annan, som i fotografier.

JPEG-formatet är lossy ( det förlorar data när filen komprimeras i det här formatet), så du ska inte spara en JPEG och sedan öppna den, redigera den och spara den igen som en JPEG. Eftersom JPEG-komprimeringen orsakar att data går vilse, ser din bild så småningom ut som att den skrivits ut på en pappershandduk.

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 sedan spara en kopia av den redigerade filen som en JPEG.

JPEG-formatet ger inte stöd för insyn, men du kan lura systemet lite med hjälp av mattning.

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

En bra bild att spara i JPEG-formatet är ett typiskt fotografi eller en illustration med många smidiga övergångar från en färg till en annan. För att spara en bild som en JPEG, följ så här:

1. Välj Arkiv → Spara för webb och enheter och klicka sedan på fliken 2 upp för att visa originalbilden (vänster) samtidigt som den optimerade bilden (höger).

2. Välj en av inställningarna för JPEG-förinställningar på rullgardinsmenyn Inställningar.

   Du kan välja Låg, Medium eller Hög eller anpassa en nivå mellan förinställningarna med hjälp av G1-reglaget.

3. Avmarkera kryssrutan Optimerad för att bygga den bästa JPEG-bilden med minsta storlek.

   Det enda problemet med att lämna denna kryssruta är att vissa väldigt gamla webbläsare inte läser JPEG korrekt (inte troligt ett problem för de flesta tittare).

4. Avmarkera kryssrutan Inbädda färgprofil om du inte har ett färghanterat arbetsflöde och färgnoggrannhet är viktigt.

   Om du markerar den här rutan ökar filstorleken dramatiskt, och de flesta söker inte efter exakta färgmatcher från en bild på skärmen.

5. Om du vill ha filstorleken ännu mindre, använd Blur-reglaget för att få ner lite detalj.

   En JPEG som har exakt samma pixeldimensioner som en annan kan variera i filstorlek beroende på detaljeringsgraden i bilden. Så, en bild av mycket äpplen blir större än en bild av samma storlek med mycket klar blå himmel.Blur-funktionen försvinner bilden (överraskning!), Så du kanske vill använda den för endast en lågkälla bild i Dreamweaver.

6. (Valfritt) Välj en matt färg från rullgardinsmenyn Matte.

   Eftersom JPEG inte stöder öppenhet kan du översvämma det genomskinliga området med en färg som du väljer från rullgardinsmenyn Matte. Välj den färg du använder för bakgrunden på din webbsida genom att välja Annat och ange den hexadecimala färgen i den nedre delen av färgväljaren.

7. Klicka på Spara.