Viens no pirmajiem izaicinājumiem, ar ko saskāros kā šī emuāra tīmekļa pārzinis, bija saistīts ar attēliem. Vajadzēja saspiest attēlus (JPG, PNG, GIF) ar ļoti augstu prasību līmeni ja vēlaties optimizēt servera resursus un arī ātri ielādēt.
Šodien es paskaidrošu 2 metodes, kuras izmantoju rediģējiet un saspiediet attēlus kā īsts nindzja. Pēdējos 3 gadus esmu izmēģinājusi visu, bet galu galā tas ir tas, kas man padodas vislabāk, tāpēc vēlos padalīties ar jums.
Kā pēc iespējas vienkāršākā veidā saspiest vienu vai vairākus attēlus vienlaikus
Daudzi cilvēki iesaka attēlu saspiešanai izmantot tādas programmas kā Photoshop vai citus šāda stila multivides redaktorus. Kaut kas ir ļoti labs, bet šāda veida pielietojums tie parasti nav lēti precīzi, un tie nodrošina arī daudzas profesionālas funkcijas, kuru man personīgi ir daudz - es tikai vēlos veikt pāris pielāgojumus un saspiest dažus attēlus, nevis izveidot 8 minūšu animāciju.
Kā rediģēt un saspiest attēlu, neinstalējot nevienu lietojumprogrammu
Kad viss, kas man ir nepieciešams, ir saspiest attēlu un pielāgot tā piemales un izmēru Es izmantoju tīmekļa rīku, ko sauc Pixlr express. Tā ir tiešsaistes aplikācija, kas pirms gadiem ieraudzīja Autodesk rokas gaismu – tās pašas no Autocad – un kuru tagad iegādājies cits uzņēmums (123RF). Bet ķersimies pie lietas...
Lieta ir tāda, ka tas joprojām ir bezmaksas un darbojas tikpat labi. Ne tikai tas, bet nav nepieciešama reģistrācija un tas ļauj mums rediģēt attēlus, pievienot filtrus, fontus un labu sauju efektu. Man tas jau ilgu laiku ir manas pārlūkprogrammas mapē "izlase".
Lai saspiestu attēlu, izmantojot Pixlr Express mums vienkārši jāielādē attēls redaktorā un jānospiež "Saglabāt”. Saglabājot to, rīks ļaus mums piemērot vēlamo kompresijas līmeni (no 0% līdz 100%).
Saglabāšanas laikā tas ļauj mums saspiest attēluProtams, attēla kvalitāte būs atbilstoša mūsu izmantotajam saspiešanas līmenim. Kā personisku ieteikumu iesaku pieteikties kompresijas līmenis ir 65%, salīdzinot ar oriģinālu. Tas ir punkts, kurā attēls joprojām izskatās labi un tā svars ir krasi samazināts.
Kā saspiest vairākus attēlus vienlaikus un kaskādi
Ja mums ir vairāki attēli, darbs ar Pixlr var būt nedaudz nogurdinošs. Šajos gadījumos es izmantoju bezmaksas programmu ar nosaukumu NEPIECĪBAS (Radical Image Optimization Tool), kas īpaši izstrādāts JPG, GIF un PNG attēlu saspiešanai.
RIOT ļauj mums ielādēt attēlu, pielāgot saspiešanas līmeni un redzēt priekšskatījumu par to, kā tas izskatītos pēc saspiešanas. Tas ir lieliski, lai mēs to pēc iespējas vairāk pielāgotu un joprojām izskatītos labi.
Bet patiesā RIOT burvība ir tās “Pakešu” funkcijā. No šejienes mēs varam ielādēt vairākus attēlus vienlaikus (piemēram, visus attēlus, kas atrodas mapē vai apakšmapēs) un saspiest tos kaskādē. Lai to izdarītu, mums vienkārši jānoklikšķina uz ikonas "Partija”, atlasiet mērķa mapi (Izvades mape) un avota mapi (Pievienot attēlus -> Pievienot visus attēlus no mapes). Kad mums viss ir pēc mūsu vēlmēm, vienkārši noklikšķiniet uz "Sākt”Lai veiktu visu atlasīto attēlu lielapjoma saspiešanu.
Tas ir jauki, dzirdi...Atšķirība starp attēlu saspiešanu pa vienam un to darīšanu šādā veidā ir vienkārši neticama. Iedomājieties, ka jums ir jāoptimizē visi universitātes darba attēli vai, vēl ļaunāk, visi attēli jūsu vietnē.
Ideāls saspiešanas līmenis attēliem emuārā vai vietnē
Kā jau minēju nedaudz iepriekš, ideāls saspiešanas līmenis tīmekļa lapām ir 65%. Bet tas ir tikai personisks ieteikums...
Bet, ja mums ir tīmekļa lapa un mēs vēlamies “ideālu” saspiešanas līmeni, mēs noteikti vēlēsimies kaut ko vairāk nekā personisku ieteikumu riekstam, kurš sevi dēvē par “laimīgo Android”.
Šiem gadījumiem Google ir labi zināma tīmekļa pārziņiem paredzēta lapa Pagespeed Insights. Šis rīks ne tikai norāda mūsu vietnes ielādes ātrumu un sniedz mums dažus citus padomus, bet arī ļauj lejupielādēt visu to attēlu kopijas, ko satur konkrētais URL. Šīs attēlu kopijas būs 100% optimizētas.
Lai lejupielādētu attēlus, mums ir jāievada vietrādis URL, kur tie karājas, un noklikšķiniet uz "Analizēt”. Kad analīze ir pabeigta, no "Dators"Mēs ritinām gandrīz līdz beigām un noklikšķiniet uz saites"Lejupielādējiet šai lapai optimizēto attēlu, JavaScript un CSS resursus”. Mēs automātiski iegūsim ZIP failu ar šiem resursiem, kas jau ir optimizēti.
Tas ir nedaudz paslēpts, taču tā ir funkcija ar brutālu lietderībuEs ceru, ka šī apmācība jums ir noderīga. Ja es būtu varējis kaut ko tādu izlasīt, kad es uzsāku šo projektu, tas noteikti būtu aiztaupījis mani no daudzām galvassāpēm.
P.D: Manam pagātnes "es" veltītais ieraksts. Skaties, vai tu mācies, bērns!
Tev ir Telegramma uzstādīts? Saņemiet katras dienas labāko ziņu vietnē mūsu kanāls. Vai arī, ja vēlaties, uzziniet visu no mūsu Facebook lapa.
