Photoshop-handledning: Optimera bilder för webbanvändning

webb-bild-optimering

Beroende på syftet med våra fotografier kommer att kräva en eller annan behandling. Det är inte samma sak att konfigurera ett fotografi som kommer att skrivas ut, visas på en digital projektor eller visas på en webbsida. Varje medium har olika brister, egenskaper eller behov. Av denna anledning är det nödvändigt att vi ägnar särskild uppmärksamhet åt dessa typer av aspekter, annars skulle vi kunna minska kvaliteten på våra kompositioner indirekt och utan att veta det.

I det här fallet kommer vi att se i följande handledning inställningarna som Adobe Photoshop erbjuder oss för att spara våra bilder på ett sådant sätt att de har en optimal behandling som ska återges på webbsidor och Internet. På det här sättet vi försöker hitta det billigaste alternativet med hänsyn till aspekter som kvalitet (klippning och pixelering) och å andra sidan filens storlek, vet du redan att när vi ska ladda upp fotografier eller filer till vår webbplats bör de väga så lite som möjligt så att operationen på vår webbplats är mycket mer smidig. Det är intressant att du tar hänsyn till dessa grundläggande alternativ, du vet redan att vi måste försöka ta hand om alla detaljer som finns till hands.

JPEG-bildoptimering

Till att börja med startar vi vår ansökan och importerar fotografiet som vi ska arbeta med, i det här fallet en medelstor bild och i JPEG-format.

optimering-1

För att spara detta fotografi med lämpliga egenskaper för att arbeta på webben måste vi gå till Arkiv-menyn> Spara för webben ... (vi kan också komma åt detta alternativ via Alt + Skift + Ctrl + S).

optimering-2

Vi klickar på fliken "fyra kopior" högst upp i dialogrutan Spara för webben. Genom att titta på de fyra olika inställningarna i filen kan vi få en god uppfattning om vilken inställning som bäst passar våra syften. Med de fyra kopiorna kan flera versioner av en bild visas i samma bildfönster. Vi kommer att göra det, vi kommer att tillämpa olika format och vi kommer att se vilka av dem som bäst passar våra påståenden. Du kan sedan justera optimeringskartläggningarna för varje version av bilden för att välja den bästa kombinationen av kartläggningar.

optimering-3

Med hjälp av rullgardinsmenyn Zoomnivå längst ned till vänster i dialogrutan ändrar vi förstoringen till 200% eller mer så att vi kan analysera vårt fotografi väl och uppskatta detaljerna i bilden.

optimering-4

Vi placerar muspekaren över den övre högra versionen av bilden (som är den aktiva versionen som den mörkaste kanten indikerar). Markören kommer att ha formen på en hand, vilket indikerar att vi kan dra den för att flytta bilden. Vi drar för att ändra bildens position så att vi hittar det lämpligaste området i bilden, det där vi hittar den största mängden nyanser och kontraster.

optimering-5

Från rullgardinsmenyn Förinställd i panelen Optimerad väljer vi GIF 128 med Dither. Lägg märke till hur omedelbart i den version av bilden som vi har valt (i det här fallet uppe till höger) har det gjorts förändringar som gör de mörkare områdena mer synliga. Sedan fortsätter vi att se JPEG- och PNG-inställningarna i följande paneler.

optimering-6

Vi klickar på den nedre vänstra versionen av bilden för att välja den. Vi väljer Low JPEG-versionen i förinställningsmenyn. Bilden verkar ganska pixelerad och dess kvalitet är oacceptabel, särskilt i textområdet är det mycket märkbart. Vi kommer att försöka öka bildkvaliteten utan att få en oacceptabel filstorlek.

optimering-7

Vi väljer JPEG High från rullgardinsmenyn för inställningar igen. Detta förbättrar bildkvaliteten avsevärt men resulterar också i en betydande ökning av filstorleken.

optimering-8

Slutligen kommer det bästa alternativet att vara mellanliggande. Vi väljer JPEG Media från rullgardinsmenyn Förinställd igen. Bildkvaliteten är nu acceptabel, medan filstorleken är betydligt mindre än JPEG High-versionen eller GIF-versionen.

optimering-9

Slutligen väljer vi den nedre högra panelen. Vi väljer PNG-8 128 med dithering från rullgardinsmenyn igen. Även om det här alternativet ger en mindre filstorlek än originalbilden är bildkvaliteten inte lika bra som JPEG Medium-versionen, som också har en mindre filstorlek.

optimering-10

Slutligen klickar vi på JPEG-versionen, det vill säga den längst ner till vänster. Kontrollera att Progressive är aktiverat i den optimerade panelen (till höger om dialogen) (detta kommer att få bilden att ladda ner i flera pass, var och en ökar bildkvaliteten) och klicka på Ok.

optimering-11

Slutligen, i dialogrutan Spara optimerad som, använder vi det ursprungliga namnet och klickar på Spara. På detta sätt sparar vi en JPEG-version av originalfilen i önskad mapp. Slutligen stänger vi detta projekt utan att spara ändringar.


Lämna din kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *

*

*

  1. Ansvarig för uppgifterna: Miguel Ángel Gatón
  2. Syftet med uppgifterna: Kontrollera skräppost, kommentarhantering.
  3. Legitimering: Ditt samtycke
  4. Kommunikation av uppgifterna: Uppgifterna kommer inte att kommuniceras till tredje part förutom enligt laglig skyldighet.
  5. Datalagring: databas värd för Occentus Networks (EU)
  6. Rättigheter: När som helst kan du begränsa, återställa och radera din information.