▷ Hur man KOMPRIMERAR EN BILD i PHOTOSHOP

Att ha en webbplats är inte enbart baserad på den okontrollerade uppladdningen av innehåll, du måste ta hand om webbstrukturen inklusive varje element som vi är värd för i den. Man måste ta hänsyn till att den nås via internetanslutningar och att även om det på många ställen är höga hastigheter, är de fortfarande något eftersläpna på andra. Allt detta utan att ta hänsyn till vikten av mobiltema och kostnaden för megabyte. Det är därför som komprimering av bilder utan att förlora Photoshop -kvalitet är en mycket eftertraktad uppgif.webpt av skapare som tänker i användarnas intresse.

Vad vi inte ska göra är att göra vår webbplats till ett långsamt utrymme som människor inte vill komma in igen, något som vi kan undvika om vi tar hänsyn till olika element och lär oss att komprimera bilder i Photoshop. En av dem och mycket viktig är uppladdning av bilder. Om du har en webbplats med mycket visuellt innehåll måste du ta hand om den både inifrån och ut genom att komprimera Photoshop -bilder och få sidan att gå mycket snabbare.

Hastigheten på vår webbplats är avgörande för användarupplevelsen eftersom det inte är samma sak att gå in på en snabb sida som inte påverkar vår anslutning till en webbplats där alla objekt vi ser laddas väldigt långsamt. Dessutom måste de laddas ner till servern för att se bilderna, så ju högre volym, desto längre tid tar den laddningen och användaren kommer troligen att misströsta och lämna. Därför är det viktigt att redigera bilder i Photoshop och förbättra vår webbplats eller helt enkelt vårt utrymme genom att veta hur man komprimerar bilder i Photoshop.

Om du laddar upp mycket tunga bilder blir din sida långsam och användarna blir trötta och lämnar. Om du vill undvika att förlora besök, ta hand om allt du laddar upp och lär dig hur du komprimerar en bild i Photosho och minskar dess storlek.

1. Typer av bildformat i Photoshop

För att prata om bildoptimering måste vi skilja vilken typ av bildformat vi har och vilket som är bäst för oss.

JPEG.webp -formatFör allmän fotografering är det standardformatet som används med resultat av god kvalitet. Stöder 24-bitars färg.

PNG-8-formatDet är alternativet till GIF.webp men utan animationer och kan visa upp till 256 färger. Dess komprimering för webben är en av de mest lämpliga, vilket ger god kvalitet med reducerade storlekar.

PNG-24-formatDet är ett bra alternativ att exportera kvalitetsbilder precis som JPEG.webp. Denna typ av förlängning är bekväm när vi har en bild som innehåller transparens. Den visar också upp till 16 miljoner färger eftersom den stöder 24-bitars färg.

GIF.webp -formatDet är formatet för animationer par excellence. Representerar upp till 256 färger i former av stora mängder fast färg, linjer eller text.

För denna handledning väljer vi två av de mest användbara och använda formaten för att ladda upp bilder till webben: JPEG.webp och PNG-8.

2. Hur man komprimerar en bild i Photoshop

När vi arbetar i en arbetsyta i Photoshop gör vi det enligt vissa parametrar beroende på bilden eller av allmän karaktär. En av dem är storleken, proportionerna på bilden som vi arbetar med. Storleken på en bild motsvarar antalet pixlar som den innehåller vertikalt och horisontellt, vilket ger upphov till bildens storlek.

Det vi kallar upplösning betyder antalet bitar av information i ett specifikt utrymme, som kallas pixlar per tum eller dpi. Det betyder att ju högre antal pixlar per tum är vår upplösning högre.

När båda aspekterna har differentierats bör det noteras att två bilder kan ha samma storlek, men olika upplösning och proportioner. Om de är bilder för webben rekommenderas det att behandla storlekarna i pixelstorlek. För att komma åt den, gå till bild / bildstorlek eller tryck på följande kombination.

Ctrl + Alt + I

NoteraMed alternativet Resample -bild kan vi ändra storleken utan att ändra upplösningen. Välj det lämpligaste alternativet för det du behöver.

3. Ändra Photoshop -färgprofil

Färgutrymmet där vi arbetar kommer också att påverka den slutliga filen. Det finns att nämna skillnaden mellan sRGB och RGB -utrymme. Adobe RGB -systemet introducerades av företaget 1998 och har ett mycket bredare färgspektrum än sRGB -utrymmet. Detta betyder inte att det är värre, utan att de är dedikerade till olika mål.

RGB -systemet är närmare med sitt spektrum till CMYK, som är inriktat på tryckvärlden. Trots att det har fler färger är standarden distribuerad digitalt i enheter, oavsett om det är mobiltelefoner, bildskärmar eller någon digital enhet, sRGB. När en av dessa enheter stöter på RGB försöker den komprimera överflödiga färger och skapar en falsk sRGB med sämre resultat.

Steg 1
Därför rekommenderas att ta fotografier, arbetsytor i Photoshop eller optimera dem med detta system för att förbättra färgkompatibiliteten. För att ändra arbetsfärgsprofilen, gå till din redigeringsmeny och välj Konvertera till profil.

Steg 2
I nästa fönster behöver du bara välja den profil du behöver, i det här fallet sRGB.

4. Komprimera bilden utan att förlora Photoshop -kvaliteten

JPG.webp -formatet är den mest använda standarden och även om det tillåter komprimering, erbjuder det inte så många redigerbara parametrar som PNG. Vi kan variera den slutliga vikten av vår bild genom att ändra storlek på vårt fotografi eller vid export.

Steg 1
När vi sparar som JPEG.webp ser vi att vi har två alternativ, å ena sidan, konfigurera bildalternativen (kvalitet) och å andra sidan formatalternativen. För att göra detta, gå till menyn Arkiv / Spara som eller följande kombination och välj JPEG.webp -format.

Skift + Ctrl + S

Steg 2
Dessa konfigurationsparametrar visas i nästa fönster. Låt oss se vad var och en betyder.

BildalternativHär måste vi välja den slutliga kvaliteten på bilden, det är uppenbart att ju högre kvalitet, desto större filstorlek, att kunna se vad den äntligen kommer att uppta om vi klickar på Förhandsgranska. Flytta stapeln för att kunna ändra dessa värden.

Om vi ​​vill att ett fotografi ska skriva ut affischstorlek måste vi välja en mycket högre kvalitet än om vi vill ha en bild för webben, kom ihåg att ju större bildstorlek, desto fler resurser kommer att behövas för att ladda den via webben.

FormatalternativHär inne hittar vi olika alternativ för att ge det slutliga formatet till vår bild. Den mest rekommenderade är standardbaslinjen eftersom den vanligtvis är den mest kompatibla.

• Baslinje ("Standard"). Det använder sig av ett format som känns igen av de allra flesta webbläsare och program. För närvarande ger de senaste programmen vanligtvis inte oförenligheter.

• Optimerad baslinje. Detta format skapar en bildfil som innehåller optimerade färger, vilket ger dig en mindre storlek.

• Progressiv. Med det här alternativet kommer olika versioner att visas som kommer att bli mer och mer detaljerade när det laddas ner. Det är användaren som bestämmer hur många som ska skapas. Det är ett format som användes och används mycket när vi går till långsamma anslutningar som kräver att svepande svep laddas.

NoteraDet bör nämnas att inte alla webbläsare kommer att känna igen eller stödja JPEG.webp -bilder som är progressiva eller optimerade.

5. Komprimera PNG -bilder i Photoshop

Steg 1
För att exportera som PNG måste vi göra samma första steg som med de andra formaten, gå till Arkivmeny / Spara som och välj i detta fall PNG.

Steg 2
Nu ser du i sparfönstret att olika alternativ visas.

KompressionVi kan välja vilken typ av komprimering vi vill ha eller säga ingen om vi inte vill att den ska tillämpas. Beroende på valet kommer lasthastigheten att ökas eller minskas.

VävaDet här alternativet är viktigt, särskilt om vi pratar om webbplattformar. Låt oss se skillnaden:

• Varken. Med det här alternativet kan en bild bara visas när den har laddats helt, det vill säga om vi har en långsam eller problemanslutning kommer bilden inte att visas förrän den laddas i Internetöverföringen.

• Sammanflätade. Det här alternativet rekommenderas mer för webbtjänster eftersom det visar reducerade versioner av bilden när den laddas. Detta hjälper nedladdningsprocessen att bli mindre och också kommer användaren att veta att bilden laddas ner.

6. Spara JPG.webp -bilder för Photoshop -webben

Steg 1
Ett av de mest fördelaktiga alternativen som vi har i Photoshop för bildoptimering är Saved as a web, vilket gör att vi kan justera olika parametrar manuellt. Den här sparningen är mycket användbar för bilder som är avsedda för webbladdning, vilket möjliggör kvalitetsbilder, men med reducerad storlek. För detta går vi Arkiv / Spara för webben eller gör följande kombination.

Alt + Skift + Ctrl + S

Steg 2
Om vi ​​vill välja JPEG.webp har vi dessa inställningar.

BildkvalitetVälj önskad bildkvalitet från Låg till Max eller med värdena till höger. Du kan se storleksvariationen under bilden till vänster.

ProgressivBilden laddas in lite efter lite, det vill säga att vi går från att se den i låg upplösning till den sanna.

InterlacedVisar bara bilden när den är fulladdad.

HaloOm bilden är transparent väljer du en gloriefärg som motsvarar bakgrunden på sidan där den ska bäddas in.

Bädda in färgprofilVälj det här alternativet för att bevara ICC -profilen för bilden, vissa webbläsare använder den för att korrigera färgen.

Konvertera till sRGBAnvänd den här profilen för att förbättra färgkompatibilitet på enheter och bildskärmar.

Du har andra alternativ som förhandsgranskningsläge, metadata eller ändra storlek med eller utan begränsning.

7. Spara PNG -bilder för webb Photoshop

Steg 1
Som vi redan vet för att kunna komma åt sparade för webben i PNG måste vi gå till Arkiv / Spara för webben. Kom ihåg att detta format är mycket bra för bilder med en webbdestination eftersom resultatet ger ett mycket bra samband mellan kvalitet och filvikt.

Steg 2
För att exportera som PNG, välj den från rullgardinsmenyn. Kom ihåg att PNG 24 erbjuder mer färg så att storleken är mycket högre än för PNG-8. Vi rekommenderar det senare för vanliga webbbilder. Fönstret som visas liknar det för JPEG.webp och förutom de alternativ som redan setts i föregående avsnitt kan vi också välja:

GenomskinlighetHär kan du välja vilken typ av transparens som passar din bild bäst eller ta bort den och välja en specifik färg med Halo.

Passar till webbenDenna parameter gör att bilden kan komprimeras ytterligare, ju högre justeringsprocent, desto högre komprimering, desto lägre kvalitet och mindre storlek.

8. Spara bilder för Photoshop -webben

Steg 1
För att kunna utföra en automatisk komprimering för både PNG och JPEG.webp öppnar vi spara för webben i File / Save for Web eller följande tangentkombination.

Alt + Skift + Ctrl + S

Steg 2
Klicka på menyfliken som visas till höger om alternativet Förinställningar och välj Optimera till filstorlek.

Steg 3
Nu är det bara att välja storleken på den bild du vill ha och programmet kommer automatiskt att utföra komprimeringen åt dig. Du kan variera värdena för att få olika resultat.

Steg 4
Du kan också gå till fönstret som heter 4 kopior och välja en av de versioner som du får därifrån och spara det.

Steg 5
Om du vill ändra storlek och överföringshastighet, klicka på värdena under bilden och välj dem automatiskt.

Som du kan se finns det olika sätt att minska storleken på dina bilder beroende på deras syfte. Det finns många parametrar som du måste ta hänsyn till, men beroende på vilken nivå du behöver kommer den ena eller den andra att vara mer användbar för att veta hur man komprimerar Photoshop -bilden. I följande video visar vi dig grafiskt hur du optimerar och komprimerar bilder på ett grundläggande och fullständigt sätt. Om du vill ha en snabb komprimering är den första metoden bra för dig och om du letar efter något mer komplext där du kan redigera alla parametrar är din metod den andra.