▷ Sådan komprimeres et BILLEDE i PHOTOSHOP

At have et websted er ikke udelukkende baseret på ukontrolleret upload af indhold, du skal tage sig af webens struktur inklusive hvert element, som vi er vært for i det. Det skal tages i betragtning, at der er adgang til den via internetforbindelser, og at selvom der mange steder er høje hastigheder, er de i andre stadig noget forsinket. Alt dette uden at tage hensyn til vigtigheden af ​​det mobile tema og udgif.webpterne til megabyte. Derfor er komprimering af billeder uden at miste Photoshop -kvalitet en meget eftertragtet opgave af skabere, der tænker i brugernes interesse.

Hvad vi ikke bør gøre er at gøre vores websted til et langsomt rum, som folk ikke ønsker at indtaste igen, noget som vi kan undgå, hvis vi tager højde for forskellige elementer og lærer at komprimere billeder i Photoshop. En af dem og meget vigtig er upload af billeder. Hvis du har et websted med meget visuelt indhold, skal du passe på det både inde og ude ved at komprimere Photoshop -billeder og få siden til at gå meget hurtigere.

Hastigheden på vores websted er afgørende for brugeroplevelsen, da det ikke er det samme at indtaste en hurtig side, der ikke påvirker vores forbindelse til et websted, hvor alle de objekter, vi ser, indlæses meget langsomt. Derudover skal de downloades til serveren for at se billederne, så jo højere lydstyrken er, jo længere vil belastningen tage, og brugeren vil sandsynligvis fortvivle og forlade. Derfor er det vigtigt at redigere billeder i Photoshop og forbedre vores websted eller simpelthen vores plads ved at vide, hvordan man komprimerer billeder i Photoshop.

Hvis du uploader meget tunge billeder, vil din side være langsom, og brugerne bliver trætte og går. Hvis du vil undgå at miste besøg, skal du passe på alt, hvad du uploader, og lære at komprimere et billede i Photosho, hvilket reducerer dets størrelse.

1. Typer af billedformater i Photoshop

For at tale om billedoptimering skal vi skelne mellem hvilken type billedformat vi har, og hvilket er bedst for os.

JPEG.webp -formatTil generel fotografering er det standardformatet, der bruges med resultater af god kvalitet. Understøtter 24-bit farve.

PNG-8 formatDet er alternativet til GIF.webp, men uden animationer og kan vise op til 256 farver. Dens kompression til nettet er en af ​​de mest egnede, hvilket tillader god kvalitet med reducerede størrelser.

PNG-24 formatDet er en god mulighed at eksportere kvalitetsbilleder ligesom JPEG.webp. Denne type udvidelse er praktisk, når vi har et billede, der indeholder gennemsigtighed. Det viser også op til 16 millioner farver, da det understøtter 24-bit farve.

GIF.webp -formatDet er formatet til animationer par excellence. Repræsenterer op til 256 farver i former af store mængder ensfarvet, linjer eller tekst.

Til denne vejledning vælger vi to af de mest nyttige og brugte formater til upload af billeder til internettet: JPEG.webp og PNG-8.

2. Sådan komprimeres et billede i Photoshop

Når vi arbejder i et arbejdsområde i Photoshop, gør vi det i henhold til visse parametre afhængigt af billedet eller af generel karakter. En af dem er størrelsen, proportionerne af det billede, vi arbejder med. Størrelsen på et billede svarer til antallet af pixels, det indeholder lodret og vandret, hvilket giver anledning til billedets størrelse.

Det, vi kalder opløsning, betyder antallet af oplysninger i et bestemt rum, som kaldes pixels per inch eller dpi. Det betyder, at jo højere antal pixels pr. Tomme, vores opløsning bliver højere.

Når begge aspekter er blevet differentieret, skal det bemærkes, at to billeder kan have samme størrelse, men forskellige opløsning og proportioner. Hvis de er billeder til internettet, anbefales det at behandle størrelserne i pixelstørrelse. For at få adgang til den skal du gå til Image / Image size eller trykke på følgende kombination.

Ctrl + Alt + I

BemærkIndstillingen Resample image giver os mulighed for at ændre størrelsen uden at ændre opløsningen. Vælg den mest passende mulighed for det, du har brug for.

3. Skift Photoshop -farveprofil

Farverummet, hvor vi arbejder, vil også påvirke den endelige fil. Der skal nævnes forskellen mellem sRGB og RGB -plads. Adobe RGB -systemet blev introduceret af virksomheden i 1998 og sammensætter et meget bredere farvespektrum end sRGB -rummet. Det betyder ikke, at det er værre, men at de er dedikeret til forskellige mål.

RGB -systemet er tættere på med sit spektrum til CMYK, der er orienteret mod trykningens verden. På trods af at have flere farver, er standarden distribueret digitalt i enheder, det være sig mobiltelefoner, skærme eller enhver digital enhed, sRGB. Når en af ​​disse enheder støder på RGB, forsøger den at komprimere de overskydende farver og opretter en falsk sRGB med dårligere resultater.

Trin 1
Derfor anbefales det at tage fotografierne, arbejdsområdet i Photoshop eller optimere dem med dette system for at forbedre farvekompatibilitet. For at ændre arbejdsfarveprofilen skal du gå til din Rediger -menu og vælge Konverter til profil.

Trin 2
I det næste vindue skal du kun vælge den profil, du har brug for, i dette tilfælde sRGB.

4. Komprimér billedet uden at miste Photoshop -kvalitet

JPG.webp -formatet er den mest anvendte standard, og selvom det tillader komprimering, tilbyder det ikke så mange redigerbare parametre som PNG. Vi kan variere den endelige vægt af vores billede ved at ændre størrelsen på vores fotografi eller ved eksport.

Trin 1
Når vi gemmer som JPEG.webp, ser vi, at vi har to muligheder, på den ene side konfigurerer billedindstillingerne (kvalitet) og på den anden side formatmulighederne. For at gøre dette skal du gå til menuen Filer / Gem som eller den følgende kombination og vælge JPEG.webp -format.

Shift + Ctrl + S

Trin 2
Disse konfigurationsparametre vises i det næste vindue. Lad os se, hvad hver enkelt betyder.

BilledindstillingerHer skal vi vælge den endelige kvalitet af billedet, det er tydeligt, at jo højere kvalitet, jo større filstørrelse, er i stand til at se, hvad det endelig vil optage, hvis vi klikker på Preview. Flyt bjælken for at kunne ændre disse værdier.

Hvis vi vil have et fotografi til at printe plakatstørrelse, skal vi vælge en meget højere kvalitet, end hvis vi vil have et billede til internettet, husk at jo større billedstørrelsen er, desto flere ressourcer skal der til for at indlæse det via nettet.

FormatindstillingerHerinde finder vi forskellige alternativer til at give det endelige format til vores image. Den mest anbefalede er standardbaseline, da den normalt er den mest kompatible.

• Baseline ("Standard"). Det anvender brugen af ​​et format, der kan genkendes af langt de fleste webbrowsere og programmer. I øjeblikket giver de nyeste programmer normalt ikke inkompatibilitet.

• Optimeret baseline. Dette format vil oprette en billedfil, der indeholder optimerede farver, hvilket giver dig en mindre størrelse.

• Progressiv. Med denne mulighed vises forskellige versioner, der bliver mere og mere detaljerede, efterhånden som de downloades. Det er brugeren, der bestemmer, hvor mange der skal oprettes. Det er et format, der blev brugt og bruges meget, når vi går til langsomme forbindelser, der kræver, at sweeps sweeps skal indlæses.

BemærkDet skal nævnes, at ikke alle browsere genkender eller understøtter JPEG.webp -billeder, der er progressive eller optimerede.

5. Komprimer PNG -billeder i Photoshop

Trin 1
For at eksportere som PNG skal vi gøre det samme første trin som med de andre formater, gå til Filmenu / Gem som og vælg i dette tilfælde PNG.

Trin 2
Nu vil du se i vinduet Gem, at forskellige muligheder vises.

KompressionVi kan vælge den type komprimering, vi ønsker, eller sige ingen, hvis vi ikke ønsker, at den skal anvendes. Afhængigt af valget øges eller reduceres lasthastigheden.

VæveDenne mulighed er vigtig, især hvis vi taler om webplatforme. Lad os se forskellen:

• Ingen af ​​dem. Denne indstilling tillader, at et billede kun vises, når det er fuldt indlæst, det vil sige, hvis vi har en langsom eller problematisk forbindelse, vises billedet ikke, før det er indlæst i internetoverførslen.

• Sammenflettet. Denne mulighed anbefales mere til webtjenester, da den viser reducerede versioner af billedet, når det indlæses. Dette hjælper downloadprocessen med at være mindre, og også brugeren ved, at billedet downloades.

6. Gem JPG.webp -billeder til Photoshop web

Trin 1
En af de mest fordelagtige muligheder, vi har i Photoshop til billedoptimering, er gemt som et web, som giver os mulighed for manuelt at justere forskellige parametre. Denne gemning er meget nyttig til billeder dedikeret til webuploading, hvilket tillader kvalitetsbilleder, men med reduceret størrelse. Til dette går vi Fil / Gem til web eller gør følgende kombination.

Alt + Shift + Ctrl + S

Trin 2
Hvis vi vil vælge JPEG.webp, har vi disse indstillinger.

Billede kvalitetVælg din foretrukne billedkvalitet fra lav til maksimum eller med værdierne til højre. Du kan se størrelsesvariationen under billedet til venstre.

ProgressivBilledet indlæses lidt efter lidt, det vil sige, vi går fra at se det i lav opløsning til det sande.

InterlacedViser kun billedet, når det er fuldt indlæst.

glorieHvis billedet er gennemsigtigt, skal du vælge en gloriefarve, der svarer til baggrunden på siden, hvor det vil blive integreret.

Integrer farveprofilVælg denne mulighed for at bevare ICC -profilen på billedet, nogle webbrowsere bruger den til at korrigere farven.

Konverter til sRGBBrug denne profil til at forbedre farvekompatibilitet på enheder og skærme.

Du har andre muligheder som eksempelvisningstilstand, metadata eller ændring af størrelsen med eller uden begrænsning.

7. Gem PNG -billeder til web Photoshop

Trin 1
Da vi allerede ved, at vi kan få adgang til Gemt til web i PNG, skal vi gå til Filer / Gem til web. Husk, at dette format er meget godt til billeder med en webdestination, da resultatet giver et meget godt forhold mellem kvalitet og filvægt.

Trin 2
Hvis du vil eksportere som PNG, skal du vælge den fra rullemenuen. Husk, at PNG 24 giver mere farve, så størrelserne er meget højere end PNG-8. Vi anbefaler sidstnævnte til standardwebbilleder. Vinduet, der vises, ligner vinduet for JPEG.webp, og ud over de muligheder, der allerede er set i det foregående afsnit, kan vi også vælge:

GennemsigtighedHer kan du vælge den type gennemsigtighed, der passer bedst til dit billede, eller fjerne det og vælge en bestemt farve med Halo.

Tilpas til webDenne parameter gør det muligt at komprimere billedet yderligere, jo højere justeringsprocent, jo højere komprimering, jo lavere kvalitet og mindre størrelse.

8. Gem billeder til Photoshop web

Trin 1
For at kunne udføre en automatisk komprimering til både PNG og JPEG.webp, åbner vi gem til web i File / Save for Web eller følgende kombination af nøgler.

Alt + Shift + Ctrl + S

Trin 2
Til højre for indstillingen Forudindstillinger skal du klikke på menufanen, der vises, og vælge Optimer til filstørrelse.

Trin 3
Nu skal du bare vælge størrelsen på det billede, du gerne vil have, og programmet udfører automatisk komprimeringen for dig. Du kan variere værdierne for at opnå forskellige resultater.

Trin 4
Du kan også gå til vinduet kaldet 4 kopier og vælge en af ​​de versioner, der leveres til dig derfra og gemme det.

Trin 5
Hvis du vil ændre størrelsen og overførselshastigheden, skal du klikke på værdierne under billedet og vælge dem automatisk.

Som du kan se, er der forskellige måder at reducere størrelsen på dine billeder afhængigt af deres formål. Der er mange parametre, du skal tage højde for, men afhængigt af det niveau, du har brug for, vil det ene eller det andet være mere nyttigt at vide, hvordan du komprimerer Photoshop -billede. I den følgende video viser vi dig grafisk, hvordan du optimerer og komprimerer billeder på en grundlæggende og komplet måde. Hvis du vil have en hurtig komprimering, vil den første metode være god for dig, og hvis du leder efter noget mere komplekst, hvor du kan redigere alle parametrene, er din metode den anden.