Kuidas ühte või mitut pilti korraga tihendada?

Üks esimesi väljakutseid, millega ma selle blogi veebihaldurina kokku puutusin, oli seotud piltidega. Mul oli vaja tihendada pilte (JPG, PNG, GIF) väga kõrge nõudlusega, kui tahtsin serveriressursse optimeerida ja ka kiiresti laadida.

Täna selgitan kahte meetodit, mida kasutan piltide redigeerimiseks ja tihendamiseks nagu tõeline ninja . Viimased 3 aastat olen kõike proovinud, kuid lõpuks sobib see minu jaoks kõige paremini, nii et tahan seda teiega jagada.

Kuidas tihendada ühte või mitut pilti korraga võimalikult lihtsal viisil

Paljud inimesed soovitavad piltide tihendamiseks kasutada selliseid programme nagu Photoshop või muid stiilis multimeediumiredaktoreid. Midagi, mis on väga hea, kuid seda tüüpi rakendused pole tavaliselt täpselt odavad ja toovad ka palju pro-funktsioone, mida mul isiklikult on palju - ma tahan lihtsalt teha paar näpistust ja tihendada mõned fotod, mitte luua lühianimatsiooni 8 minutit-.

Kuidas pilti redigeerida ja tihendada ilma ühtegi rakendust installimata

Kui mul on vaja vaid pilt kokku suruda ning selle veeriseid ja suurust reguleerida, kasutan veebitööriista Pixlr Express . See on veebirakendus, mis nägi aastaid tagasi Autodeski - sama Autocadi - käe valgust ja mis on nüüd omandanud teise ettevõtte (123RF). Kuid asume asja juurde ...

Asi on selles, et see on endiselt tasuta ja töötab sama hästi. Vähe sellest, kuid see ei nõua registreerimist ja võimaldab meil pilte redigeerida, lisada filtreid, fonte ja head käputäis efekte. Mul on see juba pikka aega olnud brauseri kaustas "lemmikud".

Pildi tihendamiseks Pixlr Expressiga peame lihtsalt pildi redaktorisse laadima ja klõpsama nuppu " Salvesta " . Selle salvestamisel võimaldab tööriist rakendada soovitud tihendustaset (0% kuni 100%).

Salvestamise ajal on see, kui see võimaldab meil pilti tihendada

Muidugi on pildi kvaliteet kooskõlas meie rakendatava tihendustasemega. Isikliku soovitusena soovitan teil rakendada originaaliga võrreldes 65% tihendustaset . See on koht, kus pilt näeb endiselt hea välja ja selle kaal on drastiliselt vähenenud.

Kuidas tihendada mitu pilti korraga ja kaskaadida

Kui meil on Pixlriga töötav mitu pilti, võib see olla natuke tüütu. Nendel juhtudel kasutan tasuta programmi RIOT (Radical Image Optimization Tool), mis on spetsiaalselt loodud JPG-, GIF- ja PNG-piltide tihendamiseks.

RIOT võimaldab meil pilti laadida, tihendusastet reguleerida ja vaadata eelvaadet selle kohta, kuidas see pärast tihendamise rakendamist välja näeb. See on suurepärane, et saaksime seda võimalikult palju kohandada ja siiski hea välja näha.

Kuid RIOTi tõeline maagia on selle funktsioonis "Partii". Siit saame laadida korraga mitu pilti (näiteks kõik kaustas või alamkaustades olevad pildid) ja tihendada neid kaskaadina . Selleks peame lihtsalt klõpsama ikoonil “ Batch ”, valima sihtkausta ( Output kaust ) ja lähtekausta ( Add images -> Add all images from folder ). Kui kõik on meile meelepärane, klõpsake lihtsalt nuppu " Start ", et teha kõigi valitud piltide massiline tihendamine.

See on tore, kuulete ...

Erinevus piltide ükshaaval tihendamise ja sellisel viisil tegemise vahel on lihtsalt tohutu. Kujutage ette, et peate optimeerima kõik ülikoolitöö pildid või halvemal juhul kõik oma veebisaidi pildid.

Ideaalne pakkimistase piltide jaoks blogis või veebisaidil

Nagu ma veidi eespool mainisin, on veebilehtede ideaalne tihendustase 65%. Kuid see on ainult isiklik soovitus ...

Aga kui meil on veebileht ja me tahame „täiuslikku“ tihendustaset, siis tahame kindlasti midagi enamat kui pähkli isiklik soovitus, kes nimetab end „õnnelikuks androidiks“.

Nendel juhtudel on Google'il veebimeistrite jaoks tuntud leht Pagespeed Insights. See tööriist võimaldab lisaks meie veebisaidi laadimiskiiruse ja muude nõuannete andmisele alla laadida ka koopia kõigist piltidest, mida konkreetne URL sisaldab. Need piltide koopiad optimeeritakse 100%.

Piltide allalaadimiseks peame sisestama URL-i, kus need ripuvad, ja klõpsama nuppu " Analüüs ". Kui analüüs on lõpule jõudnud, kerime vahekaardilt " Arvuti " peaaegu lõpuni ja klõpsake linki " Selle lehe jaoks optimeeritud pildiressursside, JavaScripti ja CSS-i allalaadimine ". Hankime automaatselt ZIP-faili, kus need ressursid on juba optimeeritud.

See on natuke peidetud, kuid see on jõhkra kasulikkusega funktsioon

Loodan, et see õpetus on teile kasulik. Kui ma oleksin selle projektiga alustades midagi sellist lugenud, oleks see mind kindlasti palju peavalu säästnud.

PS: Minu minule pühendatud postitus minevikust. Vaatame, kas sa õpid, laps!

Kas teil on telegramm installitud? Saate meie kanali iga päeva parima postituse . Või kui soovite, uurige kõike meie Facebooki lehelt .