▷ Kā saspiest attēlu PHOTOSHOP

Vietnes izveide nav balstīta tikai uz nekontrolētu satura augšupielādi, jums ir jārūpējas par tīmekļa struktūru, ieskaitot katru tajā mitināto elementu. Jāņem vērā, ka tam var piekļūt, izmantojot interneta pieslēgumus un ka, lai gan daudzviet ir liels ātrums, citviet tie joprojām ir nedaudz atpalikuši. Tas viss, neņemot vērā mobilās tēmas nozīmi un megabaitu izdevumus. Tāpēc attēlu saspiešana, nezaudējot Photoshop kvalitāti, ir ļoti pieprasīts veidotāju, kuri domā lietotāju interesēs, uzdevums.

Tas, kas mums nebūtu jādara, ir pārvērst mūsu vietni par lēnu telpu, kurā cilvēki vairs nevēlas iekļūt, no kā mēs varam izvairīties, ja ņemam vērā dažādus elementus un iemācāmies saspiest attēlus Photoshop. Viens no tiem un ļoti svarīgs ir attēlu augšupielāde. Ja jums ir vietne ar lielu vizuālo saturu, jums par to jārūpējas gan iekšpusē, gan ārpusē, saspiežot Photoshop attēlus un padarot lapu daudz ātrāku.

Mūsu vietnes ātrums ir būtisks lietotāju pieredzei, jo nav tas pats, kas ievadīt ātru lapu, kas neietekmē mūsu savienojumu ar vietni, kurā visi redzamie objekti tiek ielādēti ļoti lēni. Turklāt, lai redzētu attēlus, tie ir jāielādē serverī, tāpēc, jo lielāks skaļums, jo ilgāk šī slodze prasīs un lietotājs, iespējams, izmisīs un aizies. Tāpēc ir svarīgi rediģēt attēlus Photoshop un uzlabot mūsu vietni vai vienkārši mūsu telpu, zinot, kā saspiest attēlus Photoshop.

Ja augšupielādējat ļoti smagus attēlus, jūsu lapa būs lēna, un lietotāji nogurst un pamet. Ja vēlaties nepazaudēt apmeklējumus, rūpējieties par visu augšupielādēto un uzziniet, kā saspiest attēlu programmā Photosho, samazinot tā lielumu.

1. Attēlu formātu veidi Photoshop

Lai runātu par attēla optimizāciju, mums ir jānošķir, kāda veida attēla formāts mums ir un kurš no mums ir vislabākais.

JPEG.webp formātsVispārējai fotografēšanai tas ir standarta formāts, ko izmanto ar labas kvalitātes rezultātiem. Atbalsta 24 bitu krāsas.

PNG-8 formātsTā ir alternatīva GIF.webp formātam, bet bez animācijām un var parādīt līdz 256 krāsām. Tā saspiešana tīmeklim ir viena no vispiemērotākajām, kas nodrošina labu kvalitāti ar samazinātiem izmēriem.

PNG-24 formātāTā ir laba iespēja eksportēt kvalitatīvus attēlus tāpat kā JPEG.webp. Šāda veida paplašinājumi ir ērti, ja mums ir attēls ar caurspīdīgumu. Tas arī parāda līdz 16 miljoniem krāsu, jo tas atbalsta 24 bitu krāsas.

GIF.webp formātsTas ir izcilu animāciju formāts. Pārstāv līdz 256 krāsām, veidojot lielu daudzumu vienkrāsainu krāsu, līniju vai teksta.

Šajā apmācībā mēs izvēlēsimies divus no visnoderīgākajiem un izmantotajiem formātiem attēlu augšupielādei tīmeklī: JPEG.webp un PNG-8.

2. Kā saspiest attēlu Photoshop

Strādājot Photoshop darbvietā, mēs to darām saskaņā ar noteiktiem parametriem atkarībā no attēla vai vispārīga rakstura. Viens no tiem ir attēla izmērs, proporcijas, ar kuru mēs strādājam. Attēla izmērs atbilst pikseļu skaitam, ko tas satur vertikāli un horizontāli, tādējādi palielinot attēla izmēru.

Tas, ko mēs saucam par izšķirtspēju, nozīmē informācijas gabalu skaitu noteiktā telpā, ko sauc par pikseļiem collā vai dpi. Tas nozīmē, ka jo lielāks pikseļu skaits collā, jo lielāka būs mūsu izšķirtspēja.

Kad abi aspekti ir diferencēti, jāatzīmē, ka diviem attēliem var būt vienāds izmērs, bet atšķirīga izšķirtspēja un proporcijas. Ja tie ir tīmekļa attēli, ieteicams izmērīt pikseļu izmērus. Lai tai piekļūtu, dodieties uz Attēls / attēla izmērs vai nospiediet šādu kombināciju.

Ctrl + Alt + I

PiezīmeOpcija Resample image ļauj mainīt izmēru, nemainot izšķirtspēju. Izvēlieties vispiemērotāko variantu tam, kas jums nepieciešams.

3. Mainiet Photoshop krāsu profilu

Krāsu telpa, kurā mēs strādājam, ietekmēs arī galīgo failu. Jāpiemin atšķirība starp sRGB un RGB telpu. Uzņēmums Adobe RGB sistēmu ieviesa 1998. gadā, un tā veido daudz plašāku krāsu spektru nekā sRGB telpa. Tas nenozīmē, ka tas ir sliktāks, bet gan tas, ka tie ir veltīti dažādiem mērķiem.

RGB sistēma ar savu spektru ir tuvāka CMYK spektram, kas ir orientēts uz drukāšanas pasauli. Neskatoties uz to, ka ir vairāk krāsu, standarts, kas tiek digitāli izplatīts ierīcēs, neatkarīgi no tā, vai tie ir mobilie tālruņi, monitori vai jebkura cita digitāla ierīce, ir sRGB standarts. Kad viena no šīm ierīcēm saskaras ar RGB, tā mēģina saspiest liekās krāsas un rada nepatiesu sRGB ar sliktākiem rezultātiem.

1. darbība
Tāpēc, lai uzlabotu krāsu saderību, ieteicams uzņemt fotoattēlus, darbvietu Photoshop vai optimizēt tos ar šo sistēmu. Lai mainītu darba krāsu profilu, atveriet izvēlni Rediģēt un atlasiet Pārvērst par profilu.

2. solis
Nākamajā logā jums būs jāizvēlas tikai nepieciešamais profils, šajā gadījumā sRGB.

4. Saspiest attēlu, nezaudējot Photoshop kvalitāti

JPG.webp formāts ir visbiežāk izmantotais standarts, un, lai gan tas ļauj saspiest, tas nepiedāvā tik daudz rediģējamu parametru kā PNG. Mēs varam mainīt attēla galīgo svaru, mainot fotoattēla izmēru vai eksportējot.

1. darbība
Saglabājot kā JPEG.webp, mēs redzam, ka mums ir divas iespējas, no vienas puses, konfigurējiet attēla opcijas (kvalitāte) un, no otras puses, formāta opcijas. Lai to izdarītu, dodieties uz izvēlni Fails / Saglabāt kā vai šādu kombināciju un izvēlieties JPEG.webp formātu.

Shift + Ctrl + S

2. solis
Šie konfigurācijas parametri tiek parādīti nākamajā logā. Apskatīsim, ko katrs nozīmē.

Attēlu iespējasŠeit mums ir jāizvēlas attēla galīgā kvalitāte, ir acīmredzams, ka jo augstāka kvalitāte, jo lielāks faila lielums, redzot, ko tas beidzot aizņems, ja noklikšķināsim uz Priekšskatīt. Pārvietojiet joslu, lai varētu mainīt šīs vērtības.

Ja mēs vēlamies, lai fotogrāfija drukātu plakāta izmēru, mums jāizvēlas daudz augstāka kvalitāte nekā tad, ja vēlamies attēlu tīmeklim, atcerieties, ka jo lielāks attēla izmērs, jo vairāk resursu būs nepieciešams, lai to ielādētu, izmantojot tīmekli.

Formāta iespējasŠeit mēs atrodam dažādas alternatīvas, lai mūsu tēlam piešķirtu galīgo formātu. Vispiemērotākā ir standarta izejas līnija, jo tā parasti ir vispiemērotākā.

• Bāzlīnija ("Standarta"). Tas izmanto formātu, ko atpazīst lielākā daļa tīmekļa pārlūkprogrammu un programmu. Pašlaik jaunākās programmas parasti nesniedz nesaderību.

• Optimizēts pamats. Šis formāts izveidos attēla failu, kurā ir optimizētas krāsas, tādējādi piešķirot jums mazāku izmēru.

• Progresīvs. Izmantojot šo opciju, tiks parādītas dažādas versijas, kas, lejupielādējot, būs arvien detalizētākas. Lietotājs izlemj, cik daudz tiks izveidots. Tas ir formāts, kas tika izmantots un tiek izmantots daudz, kad mēs ejam uz lēniem savienojumiem, kuriem ir jāielādē slaucīšanas slaucīšana.

PiezīmeJāpiemin, ka ne visas pārlūkprogrammas atpazīst vai atbalsta progresīvus vai optimizētus JPEG.webp attēlus.

5. Saspiest PNG attēlus Photoshop

1. darbība
Lai eksportētu kā PNG, mums ir jādara tas pats pirmais solis kā citiem formātiem, dodieties uz izvēlni Fails / Saglabāt kā un šajā gadījumā atlasiet PNG.

2. solis
Tagad saglabāšanas logā redzēsit dažādas opcijas.

SaspiešanaMēs varam izvēlēties vēlamo saspiešanas veidu vai neteikt, ja nevēlamies, lai tas tiktu piemērots. Atkarībā no izvēles iekraušanas ātrums tiks palielināts vai samazināts.

AustŠī opcija ir svarīga, it īpaši, ja mēs runājam par tīmekļa platformām. Apskatīsim atšķirību:

• Ne viens, ne otrs. Šī opcija ļauj attēlu parādīt tikai tad, kad tas ir pilnībā ielādēts, tas ir, ja mums ir lēns vai problemātisks savienojums, attēls netiks parādīts, kamēr tas nebūs ielādēts interneta pārsūtīšanā.

• Savijušies. Šī opcija ir vairāk ieteicama tīmekļa pakalpojumiem, jo ​​tā ielādes laikā tiek parādītas samazinātas attēla versijas. Tas palīdz samazināt lejupielādes procesu, kā arī lietotājs zinās, ka attēls tiek lejupielādēts.

6. Saglabājiet JPG.webp attēlus Photoshop tīmeklim

1. darbība
Viena no visizdevīgākajām iespējām, kas mums ir Photoshop, lai optimizētu attēlus, ir Saglabāts kā tīmeklis, kas ļauj manuāli pielāgot dažādus parametrus. Šis ietaupījums ir ļoti noderīgs attēliem, kas paredzēti tīmekļa augšupielādei, ļaujot iegūt kvalitatīvus attēlus, bet ar samazinātu izmēru. Šim nolūkam mēs ejam uz Fails / Saglabāt tīmeklim vai veicam šādu kombināciju.

Alt + Shift + Ctrl + S

2. solis
Ja mēs vēlamies izvēlēties JPEG.webp, mums būs šie iestatījumi.

Attēla kvalitāteIzvēlieties vēlamo attēla kvalitāti no zema līdz maksimālai vai ar vērtībām labajā pusē. Jūs varat redzēt izmēru variāciju zem attēla kreisajā pusē.

ProgresīvsAttēls tiks ielādēts pamazām, tas ir, mēs pāriesim no tā redzēšanas zemā izšķirtspējā uz patieso.

InterlacedParāda attēlu tikai tad, kad tas ir pilnībā ielādēts.

LabdienJa attēls ir caurspīdīgs, izvēlieties halo krāsu, kas ir līdzvērtīga lapas fonam, kurā tas tiks iegults.

Iegult krāsu profiluIzvēlieties šo opciju, lai saglabātu attēla ICC profilu, dažas tīmekļa pārlūkprogrammas to izmanto, lai labotu krāsu.

Konvertēt uz sRGBIzmantojiet šo profilu, lai uzlabotu krāsu saderību ierīcēs un monitoros.

Jums ir arī citas iespējas, piemēram, priekšskatījuma režīms, metadati vai izmēru maiņa ar ierobežojumiem vai bez tiem.

7. Saglabājiet PNG attēlus tīmekļa Photoshop

1. darbība
Kā mēs jau zinām, lai varētu piekļūt vietnei Saved for Web PNG formātā, mums jādodas uz File / Save for web. Atcerieties, ka šis formāts ir ļoti piemērots attēliem ar tīmekļa galamērķi, jo tā rezultāts nodrošina ļoti labas attiecības starp kvalitāti un faila svaru.

2. solis
Lai eksportētu kā PNG, atlasiet to nolaižamajā izvēlnē. Atcerieties, ka PNG 24 piedāvā vairāk krāsu, tāpēc izmēri ir daudz lielāki nekā PNG-8. Mēs iesakām pēdējo standarta tīmekļa attēliem. Parādītais logs ir līdzīgs JPEG.webp logam, un papildus iepriekšējā sadaļā redzamajām iespējām mēs varam izvēlēties arī:

PārredzamībaŠeit jūs varat izvēlēties caurspīdīguma veidu, kas vislabāk atbilst jūsu attēlam, vai noņemt to un ar Halo izvēlēties konkrētu krāsu.

Piemērot tīmeklimŠis parametrs ļauj attēlu vēl vairāk saspiest, jo lielāks ir regulēšanas procents, jo lielāka saspiešana, jo zemāka kvalitāte un mazāks izmērs.

8. Saglabājiet attēlus Photoshop tīmeklim

1. darbība
Lai varētu veikt automātisku saspiešanu gan PNG, gan JPEG.webp formātā, mēs atveram saglabāšanu tīmeklī, izmantojot failu / saglabāšanu tīmeklī vai šādu taustiņu kombināciju.

Alt + Shift + Ctrl + S

2. solis
Pa labi no opcijas Sākotnējie iestatījumi noklikšķiniet uz parādītās izvēlnes cilnes un atlasiet Optimizēt faila lielumam.

3. solis
Tagad jums vienkārši jāizvēlas attēla izmērs, kuru vēlaties iegūt, un programma automātiski veiks saspiešanu jūsu vietā. Jūs varat mainīt vērtības, lai iegūtu dažādus rezultātus.

4. solis
Varat arī doties uz logu ar nosaukumu 4 eksemplāri un no turienes izvēlēties vienu no jums piedāvātajām versijām un saglabāt to.

5. solis
Ja vēlaties mainīt lielumu un pārsūtīšanas ātrumu, noklikšķiniet uz vērtībām zem attēla un atlasiet tās automātiski.

Kā redzat, ir dažādi veidi, kā samazināt attēlu lielumu atkarībā no to mērķa. Ir jāņem vērā daudzi parametri, taču atkarībā no nepieciešamā līmeņa viens vai otrs būs noderīgāks, lai zinātu, kā saspiest Photoshop attēlu. Nākamajā videoklipā mēs grafiski parādīsim, kā pamata un pilnīgā veidā optimizēt un saspiest attēlus. Ja vēlaties ātru saspiešanu, pirmā metode jums būs piemērota, un, ja jūs meklējat kaut ko sarežģītāku, kurā varat rediģēt visus parametrus, jūsu metode ir otrā.