Bild optimering är en viktig process med att välja rätt format , upplösning och bildkvalitet för en bild . Målet är att visa bilder på bästa möjliga sätt utan att ta upp för mycket plats . Detta är särskilt viktigt när Webbdesign är berörda , eftersom onödigt stora bilder kommer att sakta ner din webbplats . Hur dina bilder är optimerade har mycket att göra med de format som de sparas . Format som används för webben är JPEG , GIF och PNG . Dessa format varje komprimera bilder i sitt eget särskilda sätt och påverka hur bilderna visas . Saker du behöver
Adobe Photoshop
Visa fler instruktioner
1
Öppna Photoshop och klicka på " File" och välj sedan " Öppna . " Klicka på den bild du vill optimera . Om du vill markera fler än en bild genom att dra musen över filer tills du har valt alla bilder du behöver , och klicka på " Öppna".
2
Kontrollera din bildstorlek . Gå till "Edit " och klicka på " Image Size ". En meny dyker upp och visar bildens mått . Kryssa " Skala Styles , " " Bibehåll proportioner " och " Ändra bildupplösning . " Om du arbetar med en bild som måste optimeras för webben , titta på pixelstorlek . Banners, knappar och bilder på webbplatser behöver vanligtvis vara en viss storlek .
3
Ändra bredden till rätt storlek . Höjden justeras automatiskt proportionellt . Stäng denna ruta genom att klicka på " X " i hörnet .
4
Använd beskärningsverktyget på vänster verktygsfältet beskära bort en del av bilden och kontrollera din bildstorlek igen . Upprepa detta tills du har uppnått rätt storlek . Ändra pixelbredd en sista gång och klicka på " OK " för att spara ändringarna .
5
Justera bildens kontrast . Klicka på " Bild " och välj " Inställningar ". Välj " Ljusstyrka /Kontrast ". En ruta kommer att dyka upp och visa de förändringar till din bild som du justerar ljusstyrkan och reglagen kontrast . Dra reglagen tills du får önskad effekt och klicka på " OK . "
6
Gå till "File " och klicka på " Spara för webben och enheter . " En meny dyker upp , vilket ger dig möjlighet att spara bilden i olika format . Se till att din bild visas under " Optimized " fliken ( högst upp till höger på skärmen ) , som kommer att visa effekterna av det filformat du väljer .
7
Använd " Preset " drop -down menyn för att ändra de olika formaten . Dina alternativ är GIF 128 , 64 eller 32 , " gitter " eller " nej vela " , JPEG hög , låg och medium; och " PNG - 8 128 gitter " eller " . PNG - 24 "
8
Välj JPEG-format om du vill ladda upp bilder eller andra bilder med ett brett färgomfång och gradvisa förändringar i färg . Bestäm bland Hög , Medium och Låg , beroende på hur mycket du vill komprimera bilden . Hög ger dig mest färg detalj och den största bilden . Titta på bilden för att avgöra hur förändringarna påverkar bildens display . Filstorleken visas direkt under bilden . Om du vill jämföra effekterna av de olika filformat
9
Klicka på " 4 - Up" ( övre vänstra hörnet ) . Fyra kopior av din bild kommer att visas , med information för varje format undertill . Välj GIF -format från rullgardinsmenyn menyn Förinställning om du arbetar med en logotyp , line art eller någon annan
10
enfärgad bild . GIF stödjer genomskinlig bakgrund , så att du kan placera din logotyp på en färgad bakgrund på webben . 128 , 64 och 32 hänvisar till det antal färger du komprimerar bilden till . Om bilden innehåller bara två solida färger , behöver du inte en färgskala större än 32 . Välj en GIF-format med ett " Gitter " om du vill spara en bild med färg gradienter , och " No vela " om din bild har solida färger . Kryssa " Öppenhet " om du vill visa bilden med en transparent bakgrund .
11
Välj PNG- format från rullgardinsmenyn menyn Förinställning om du har enfärgade bilder eller bilder som du vill bevara skarpa detaljer . " PNG - 8 128 vibrerat " stöder 256 Web färger , medan " PNG - 24 " ger miljontals färgnyanser . PNG-bilder är anmärkningsvärt större än JPG och GIF . Kryssa " Öppenhet " om du vill visa bilden med en transparent bakgrund .
