Kuinka pakata valokuva tai kuva menettämättä laatua eri tavoin? Kuinka pienentää kuvan, kuvan kokoa? Maksimaalinen pakkaus! Kuinka pakata jpg-tiedosto ilman laadun heikkenemistä

Syynä tämän artikkelin kirjoittamiseen olivat Googlen suositukset sivuston optimoinnista Google Adsense -mainosverkoston tulojen lisäämiseksi. Suositusten ydin oli nopeuttaa sivuston latautumista pienentämällä sivustolla käytettävien kuvien kokoa. Minua kiinnosti erityisesti lause "jos pakkaat ilman tappiota".

Ja sitten löysin itselleni Amerikan opittuani, että kuvia voidaan pakata ilman laadun heikkenemistä. Mutta eteenpäin katsottaessa häviötön pakkaus ei ole aina merkittävää. Ei ole kuitenkaan syntiä vähentää sitä, mikä itse asiassa hidastaa sivuston latautumista.

Miksi optimoida kuvat verkkosivustollesi

Sivuston sivujen koon pienentäminen oli erittäin tärkeää puhelinverkkoyhteyden aikakaudella. Mutta miksi tehdä tämä nyt, kun kaikki istuvat omalla linjalla? Näyttäisi olevan päinvastoin. Laita sivulle kaikki kauneus. Vierailijalla on varmasti tarpeeksi nopeutta.
Mutta viime vuosien trendit osoittavat, että ihmisiä siirretään massiivisesti mobiililaitteisiin, eli tabletteihin ja älypuhelimiin. Niiden pääasiallinen pääsy Internetiin on toisen ja kolmannen sukupolven matkapuhelinverkot (2g, 3g). Ja koska yksikään venäläinen kaupunki ei voi ylpeillä 100 %:n nopealla mobiili-Internetin kattavuudella, käyttäjien on tyytyttävä vain hieman Dial-Upin nopeampiin nopeuksiin. Ja sivukoon optimointi on jälleen ajankohtainen.
Ja kuten tiedät, kuvilla on suurin vaikutus sivun kokoon.

Sopivan kuvamuodon valitseminen

Ensin sinun on päätettävä kuvamuodot. Joskus pelkkä PNG:n korvaaminen JPEG:llä pienentää tiedostokokoa merkittävästi. Tässä on joitain yleisiä ohjeita kuvatiedostomuodon valitsemiseen sivustollesi.

  • PNG on melkein aina parempi kuin GIF (eli PNG on pienempi koko ja parempi laatu), vaikka joillakin käyttäjillä saattaa silti olla vanhempia selainversioita, jotka eivät täysin tue PNG:tä.
  • Käytä GIF-tiedostoa erittäin pienille kuville, joissa on yksinkertainen grafiikka (esimerkiksi alle 10 x 10 pikseliä tai alle 3 värin väripaletti) ja kuville, jotka sisältävät animaatioita.
  • Käytä JPG:tä kaikille kuville valokuvina.
  • Älä käytä BMP- ja TIFF-tiedostoja.

Kuinka pakata kuvia verkkosivustoa varten

Ratkaisuja on kaksi. Ohjelmisto tietokoneelle asennettujen kuvien käsittelyyn ja online-palveluihin.
Ohjelmiston valinta perustuu mieltymyksiin ja käyttöjärjestelmään. Windows-käyttäjien tulisi kiinnittää huomiota, ja Linux-ystävien tulisi kiinnittää huomiota GIMPiin.

Kuvanpakkausohjelmisto

Verkon selaaminen toi minut Habrét käsittelevään artikkeliin. Jossa kuvataan kaikki kuvanpakkauksen hienoudet. Sen lukemisen jälkeen valintani putosi Image Catalystiin.
Image Catalyst on kokoelma ohjelmia PNG- ja JPEG-kuvien monimutkaiseen optimointiin / pakkaamiseen ilman laadun heikkenemistä samassa muodossa. On järkevää käyttää sitä nopeuttamaan verkkosivujen graafisten elementtien (erityisesti spritien) lataamista.
Voit ladata Image Catalyst 2.0:n täältä (vain Windows).
En kirjoita, kuinka tätä sovellussarjaa käytetään grafiikan optimointiin, koska kaikki on Habrén kohdalla yksityiskohtaista, ja on syntiä varastaa kontekstia ja jättää se omaksi.

Online-kuvanpakkauspalvelu

Minulla on tunne, että pian julkaistaan ​​vain palvelimia ja tabletteja, ja henkilökohtaiset tietokoneet kuolevat luokkana. Samanaikaisesti palvelimille sijoittuu kaikenlaisia ​​verkkosovelluksia, joita hallitsemme tablettien avulla. Tällainen on uuden sukupolven asiakas-palvelin-verkkomalli.

Voit optimoida kuvia ilman henkilökohtaista tietokonetta käyttämällä ilmaista palvelua punypng.com

Tässä on todellinen esimerkki palvelun työstä tämän sivun kuvien optimoinnissa. Kuten näette, JPG:ssä on vain muutama prosentti, mutta PNG-vahvistus oli lähes neljännes alkuperäisestä koosta. Joten kannattaa käyttää tätä palvelua, varsinkin kun se on ilmainen.


Ilmaisella tilillä on kuitenkin useita rajoituksia:

  • Enintään 15 tiedostoa joukkolatauksessa
  • Käsiteltävän tiedoston enimmäiskoko 150 kilotavua
  • Vain normaali pakkaus
  • PNG-häviöinen optimointi puuttuu

Mutta jopa tällaiset mahdollisuudet ovat aivan riittäviä kuvien optimointiin verkkosivustoa varten.

Mobiiliteknologian nykyaikana kuvien optimointi PNG- ja JPG-muodoissa, JPEG on tullut jälleen ajankohtainen, kuten se oli niinä aikoina, jolloin Internet oli juuri tunkeutumassa elämäämme ja oli kaikkialla hidas ja puhelinverkkoyhteys. Mobiili-internet ei tietenkään ole täysin oikein verrattavissa puhelinverkkoon, mutta paikoissa, joissa yhteys on huono, pääsynopeus on melko alhainen. Jopa noina aikoina käyttäjällä ei ollut minne mennä, ja hänen oli odotettava sivun latautumista. Nyt Internet on kasvanut, sivustojen valikoima on suuri. Käyttäjä muuttui mielialaiseksi ja kärsimättömäksi, ja keskimääräinen odotusaika sivun lataamiseen lyheni dramaattisesti. Käyttäjän on helpompi löytää toinen nopeampi sivusto.
Ja hakujättiläiset, kuten Google tai Yandex, ovat alkaneet kiinnittää huomiota siihen, kuinka nopeasti sivustot latautuvat, ja suosivat niitä, jotka ovat nopeampia tuloksissa. Ei vähäisimpänä roolia tässä sivun painolla, joka puolestaan ​​​​riippuu voimakkaasti siinä olevien kuvien painosta. On melko selvää, että kompakteista, pakatuista kuvista on hyötyä kaikille. Siksi tässä haluan puhua PNG- ja JPG-, JPEG-tiedostojen valmistelemisesta isännöintiin lataamista varten.

Peruskuvan optimointi

Tämä tarkoittaa tarpeettomien marginaalien rajaamista, värisyvyyden vähentämistä, kommenttien poistamista ja kuvan tallentamista sopivaan muotoon. Voit tehdä tämän käyttämällä Adobe Photoshopia, tai jos sinulla ei ole sellaista, MS Paintia tai GIMPiä.
Jopa yksinkertainen kuvan rajaus vähentää sen painoa.

Kuinka pienentää kuvaa MS Paintissa

Käytän MS Paintia esimerkkinä, ja näytän kuinka pienennät kuvan haluttuun kokoon.
Otetaan esimerkiksi NGINX-logo ja sen nginx.png-kuva, jonka koko on 2000 × 417 pikseliä, jonka leveys on rajattava 1024:ään, koska tämä on sivun asettelun leveys, eikä sitä kannata enää tehdä.

Tuloksena saamme kuvan, joka on läpäissyt vähimmäisperusoptimoinnin. On aika siirtyä painon puristamiseen.

Tiedoston optimointi PNG- ja JPG-, JPEG-pakkauksille

Helpoin ja nopein tapa saada optimaalinen kuvanpakkaus ilman laadun heikkenemistä on käyttää File Optimizer -työkalua.

Virallinen verkkosivusto ja ohjelman kuvaus :

Lataa File Optimizer voit kanssa

Kuvaus ... Se on tehokas optimoija ei vain kuville, vaan myös .pdf-, .docx-, txt- ja muille teksti-, ääni- ja videotiedostoille sekä arkistoille. Täydellinen luettelo tuetuista laajennuksista löytyy viralliselta projektin sivulta.
Tässä on joitain työssä käytettyjä apuohjelmia: AdvanceCOMP, APNG Optimizer, CSSTidy, DeflOpt, defluff, Gifsicle, Ghostcript, jhead, jpegoptim, jpegtran, Leanify, mozjpeg, MP3packer, mp4v2, OptiPNG, PngOptimizer, PNGOUT, pngrewquant5, pngrewlfeng,... Mielestäni jopa tämä epätäydellinen luettelo on melko vaikuttava.

Tiedoston optimoijan asentaminen ja käyttäminen

Lataa ensin ohjelman uusin versio joko asennusohjelmana tai arkistona tiedostoineen. Muuten, arkisto sisältää version 32- ja 64-bittisille Windows-versioille.

Käyttöliittymä on melko yksinkertainen ja intuitiivinen.
Sitä ei tarvitse määrittää, mutta voit mukauttaa joitain muotoja itsellesi käyttämällä Asetukset...-painiketta.
Käyttö ... Voit joko vetää tarvittavat tiedostot ja jopa kansiot (hakemistot) ohjelmaikkunaan tai valita tarvittavat Lisää tiedostoja... -valikosta.
Voit optimoida tiedostoja napsauttamalla Optimoi kaikki tiedostot

Optimoidut tiedostot korvaavat lähdetiedostot, myös luokkien hierarkia säilyy. Jokaisen tiedoston edessä näytetään tilastot, kuinka paljon prosentteina alkuperäisestä tiedostokoosta optimoitu versio painaa.
Työn päätyttyä tilastot käsiteltyjen tiedostojen määrästä sekä kuinka paljon olet säästänyt, näytetään alareunassa tilarivillä.

Mielestäni File Optimizer tekee työnsä erittäin hyvin.
Ainoa haittapuoli on, että jos tiedostoluettelo on suuri, voit odottaa tuloksia pitkään, mutta se on sen arvoista.

Jos olet kiinnostunut optimointimenetelmien yksityiskohdista, joita voit muokata omalla tavallasi, puhumme apuohjelmien asettamisesta ja käytöstä kuvien pakkaamiseen.

Häviötön PNG-pakkaus

Tarkastellaan kolmea ohjelmaa PNG-optimointiin:

  • Adobe photoshop
  • OptiPNG
  • PNGOUT

Verrataanpa niitä kuvan pakkauslaadun suhteen. Pakkaamme nginx.png:n edellisestä osiosta. Alkuperäinen paino 27,5Kb.

Pakkaa PNG Adobe Photoshopilla

Ensimmäinen listalla on tunnettu Photoshop. Monitoiminen harvesteri suunnittelijalle, joka osaa tehdä melkein kaiken, myös kuvien pakkaamisen.
Avaa Photoshopissa Tiedosto-Tallenna verkkoon tai käytä yhdistelmää Alt + Vaihto + Ctrl + S

Tuloksena saamme 22,7 KB, ts. puristettu 17,5 %

Valitettavasti useimmat grafiikkaohjelmat eivät pysty vapauttamaan PNG:n pakkaamiseen käytettyjen algoritmien koko potentiaalia. Pääsyynä on se, että optimaalisen pakkausstrategian määrittämiseksi he käyttävät heuristisia algoritmeja, joiden avulla he voivat arvioida tiettyjen parametrien tehokkuutta ilman pakkausta, mikä aiheuttaa suuren prosenttiosuuden virheistä. Siksi PNG-pakkaukseen käytämme erityisesti tätä varten luotuja apuohjelmia, nimittäin OptiPNG ja PNGOUT.

OptiPNG:n käyttäminen PNG:n pakkaamiseen

OptiPNG:n asentaminen ja käyttö

Downloaded.exe, latasi sen C: \ Windowsiin, otti vaaditun PNG-tiedoston, laitoi sen johonkin kansioon. Nyt käyttämällä FAR Manageria tai muuta tiedostonhallintaa konsolituella, menimme tähän kansioon ja kirjoitimme komennon konsoliin

Optio -o7 nginx.png

Komento pakottaa sinut pakkaamaan kansion PNG-tiedoston. Myöhemmin harkitsemme yksinkertaista vaihtoehtoa, kuinka yhden napsautuksen pakkaus tehdään.
Mutta ensin katsotaan tulosta.

18,8 KB, ts. 31,6 %, lähes kolmannes. Ei aivan huono, eikö? Photoshop teki paljon huonommin.

PNGOUT:n käyttäminen PNG:n pakkaamiseen

Kuinka asentaa ja käyttää PNGOUT

Kaikki on täsmälleen sama kuin OptiPNG:ssä. Lataa PNGOUT.exe, pudota se C: \ Windowsiin, avaa PNG-kansio tiedostonhallinnassa, esimerkiksi Far Manager, ja kirjoita komentoriville

Pngout nginx.png

Tulos alla

Tuloksena on 23,4 KB, ts. onnistui puristamaan 15%. Oikein hyvä.

Yleisesti ottaen sanon heti, että minulla oli erilaisia ​​tuloksia eri tiedostoilla, jossain PNGOUT toimi tehokkaammin, jossain OptiPNG, joten suosittelen ajamaan kuvat vuorotellen molempien apuohjelmien kautta.

Kuinka pakata PNG nopeasti OptiPNG- ja PNGOUT-muotoon

Luo png.reg-tiedosto ja kirjoita siihen rekisterin tiedot

Windowsin rekisterieditorin versio 5.00 @ = "Suorita OptiPNG kansiossa" @ = "cmd.exe / c \" TITLE OptiPNG käynnissä % 1 && FOR / r \ "% 1 \" %% f IN (* .png) DO optipng -o7 \ "%% f \" \ "" @ = "Suorita PNGOUT kansiossa" @ = "cmd.exe / c \" TITLE PNGOUT suoritetaan % 1 && FOR / r \ "% 1 \" %% f IN (* .png) DO pngout \ "%% f \" \ ""

Suorita sitten tämä tiedosto ja kirjoita tiedot Windowsin rekisteriin.
Nyt kun napsautat kansiota, jossa on pakattavat PNG-tiedostot, valitse tarvitsemasi komennot, pakkaus tapahtuu automaattisesti ja kaikille kuville kerralla.

Jos haluat poistaa kaiken pikavalikosta, kirjoita seuraava koodi png.reg-tiedostoon ja suorita se

Windowsin rekisterieditorin versio 5.00 [-HKEY_LOCAL_MACHINE \ SOFTWARE \ Classes \ Folder \ shell \ OptiPNG] [-HKEY_LOCAL_MACHINE \ SOFTWARE \ Classes \ Folder \ Shell \ OptiPNG \ HKEY_ll -SOOFTWCHALINECHARE \ LOOCH_KOMMENTO] [-HKEY_LOCAL_MACHINE \ Kansio \ komentotulkki \ PNGOUT \ komento]

Pakkaus JPG, JPEG ilman laadun heikkenemistä

JPG:n ja JPEG:n optimoimiseksi analogisesti PNG:n kanssa on apuohjelmia: jpegtran ja jpegoptim. Tietysti voit käyttää Photoshopia, mutta JPG- ja JPEG-pakkauksessa suosittelen niiden käyttöä.

Kuinka asentaa, määrittää ja käyttää jpegtran

jpegtran on tehokas apuohjelma, jonka avulla voit suorittaa sekä yksinkertaisen JPG-pakkauksen ilman laadun heikkenemistä että pakkaamisen tietyllä antialiasing-tasolla ja jopa muuntamisen progressiiviseksi JPEG:ksi.
Voit ladata jpegtranin täältä http://jpegclub.org/jpegtran/ (hae ja lataa jpegtran.exe).

Kuinka pakata JPG, JPEG jpegtranilla

Täytä jpegtran.exe kohtaan C: \ Windows
Avaa sitten haluamasi JPEG-kansio Far Managerissa ja kirjoita

Jpegtran -copy none -optimize -outfile min.1.jpg 1.jpg # Perusoptimointi 1.jpg # -copy none poistaa metatiedot JPG:stä # -optimoi optimoi kuvan

Progressiivinen JPG, JPEG

Tämä on eräänlainen JPG, joka sivua ladatessaan näyttää ensin yleiset ääriviivat, sitten se latautuu ja nostaa kuvanlaadun maksimiin. Erittäin kätevä hitaalle mobiili-internetille ja siksi sitä on käytettävä.

Jpegtran -progressiivinen -outfile 1.jpg 1.jpg # Muuntaa 1.jpg-muodon progressiiviseksi

Kuinka tarkistaa, onko kuva progressiivinen JPEG

Edistyneet jpegtran-ominaisuudet

Kaikki mahdolliset jpegtranin käyttötapaukset käsitellään täällä

Jpegtran --apua käyttö: jpegtran-syöttötiedosto tulostiedosto Kytkimet (nimet voivat olla lyhennettyjä): -kopioi ei mitään Kopioi ei ylimääräisiä merkkejä lähdetiedostosta -kopioi kommentit Kopioi vain kommenttimerkit (oletus) -kopioi kaikki Kopioi kaikki ylimääräiset merkit -optimoi Huffman-taulukko ( pienempi tiedosto, mutta hidas pakkaus) -progressiivinen Luo progressiivinen JPEG-tiedosto Kytkimet kuvan muokkaamiseen: -rajaa LxK + X + Y Rajaa suorakaiteen muotoiseksi osa-alueeksi -flip Peilikuva (vasen-oikea tai ylhäältä alas) -harmaasävy Pienennä harmaasävyksi ( jättää väritiedot pois) -täydellinen Epäonnistui, jos on ei-muunnettavia reunalohkoja -kierrä Kierrä kuvaa (astetta myötäpäivään) -skaalaus M / N Skaalaa tulostuskuva murto-osalla M / N, esim. 1/8 -transposoi Transposoi kuva -poikittainen Transpositio kuva -leikkaus Pudota ei-muuntuvat reunalohkot -pyyhi LxK + X + Y Pyyhi (harmaa) suorakulmainen alialue Kytkimet edistyneille käyttäjille: -aritmetiikka Käytä aritmeettista koodausta -restart N Aseta uudelleenkäynnistysväli riveihin tai lohkoihin, joissa on B -max-muisti N Käytettävän muistin enimmäismäärä (ktavuina) -lähtötiedoston nimi Määritä tulostiedoston nimi -verbose tai -debug Lähetä debug-tuloste Ohjattujen toimintojen kytkimet: -skannaa tiedosto Luo moniskannainen JPEG komentosarjatiedostoa kohden

Kuinka nopeasti pakata JPEG automaattisesti jpegtranilla Windowsissa

Pakkaaminen kontekstivalikon kautta ei ole mahdollista apuohjelman erityispiirteiden vuoksi, mutta voit automaattisesti määrittää useiden JPEG-tiedostojen pakkaamisen kerralla koneessa.
Tätä varten meidän on luotava tiedosto .bat-tunnisteella (apua varten) ja kirjoitettava siihen

CD / d. %% j in (* .jpg) soita: sheensay "%% ~ nxj" "%% ~ nj.jpg" goto: eof: sheensay jpegtran -kopioi none -optimize -progressive "% ~ 1" "% ~ 2" "

Kuinka asentaa, määrittää ja käyttää jpegoptimia

Kuinka pakata JPG, JPEG käyttämällä jpegoptimia

Täytä jpegoptim.exe kohtaan C: \ Windows. Avaa sitten JPG-kuvien kansio Far Managerilla ja siirry konsoliin

Jpegoptim * .jpg -- strip-all -- all-progressive

Kuinka optimoida useita JPG-kuvia, JPEG-tiedostoja kerralla käyttämällä jpegoptimia

Toisin kuin jpegtran, jpegoptim-apuohjelma antaa sinun työskennellä sen kanssa melko mukavasti kontekstivalikosta.
Luodaan jpegoptim.reg-tiedosto esimerkiksi Far Managerilla ja kirjoitetaan sinne

Windowsin rekisterieditorin versio 5.00 @ = "Suorita jpegoptim kansiossa" @ = "cmd.exe / c \" TITLE Käynnissä jpegoptim on% 1 && FOR / r \ "% 1 \" %% f IN (* .jpg) DO jpegoptim * .jpg --strip-all --all-progressive \ "%% f \" \ ""

Käynnistetty, syötetty tiedot rekisteriin. Nyt voit pakata monia JPEG-tiedostoja pikavalikosta, laita haluamasi kuvat yhteen kansioon, napsauta hiiren kakkospainikkeella ja "Suorita jpegoptim kansiossa".

Jos haluat poistaa jpegoptimin rekisteristä ja kontekstivalikosta, kirjoita jpegoptim.reg

Windowsin rekisterieditorin versio 5.00 [-HKEY_LOCAL_MACHINE \ SOFTWARE \ Classes \ Folder \ shell \ jpegoptim] [-HKEY_LOCAL_MACHINE \ SOFTWARE \ Classes \ Folder \ shell \ jpegoptim \ command]

Tallenna, suorita, tee muutoksia rekisteriin.

Kuinka hyvin jpegtran ja jpegoptim pakkaavat jpg, jpeg

Jatketaan testaukseen. Otetaan esimerkiksi tiedosto caching.jpg. Alkuperäisessä se painaa 29,5 KB

JPG, JPEG-pakkauksen laatu testaa jpegtran

jpegtran -kopioi ei mitään -optimoi -progressiivinen välimuisti.jpg caching.jpg

Lähtö oli 29,1 kt, pakkaussäästö 1,36 %

Testataan jpegoptimia JPG, JPEG-pakkauksen laadun suhteen

jpegoptim caching.jpg --strip-all

Resurssienhallinnassa tämä ei näy, pakkaus oli useita satoja tavuja.

No, alkuperäinen tiedosto oli hyvin valmisteltu, joten pakkaamisella ei ollut näkyvää vaikutusta, mutta kun käsittelet optimoimattomia kuviasi, joskus ihmettelet, kuinka hyvin koon säästö voi olla.

Kuinka määrittää png- ja jpg-, jpeg-pakkaus automaattisesti

Jos olet lukenut tämän osion, mutta olet edelleen tyytymätön ehdotettuihin vaihtoehtoihin, suosittelen, että kokoat kannettavan harvesterin itse - palvelu kuvien, valokuvien ja kuvien pakkaamiseen, joka toimii tarpeen mukaan suoraan työpöydälläsi.

On asennettava etukäteen jpegtran, jpegoptim, optpng, pngout Yu
Asennusohjeet ovat yllä.

Joten tätä varten meidän on koottava kansioarkkitehtuuri oikein. Oletetaan, että sinulla on kuvakansio, jossa on oma PNG- ja JPG-kansioiden hierarkia, joka sinun on käsiteltävä.
Luo optimus-kansio, pudota siihen kuvat-kansio kaikkine alikansioineen ja tiedostoineen.
Avaa se, avaa optimus siinä, luo go.bat-tiedosto ja kirjoita sinne

@ECHO OFF CLS SetLocal EnableExtensions EnableDelayedExpansion set home_path =% ~ dp0 :: Raakakuvat sisältävän kansion nimi set folder = images echo Käsittely * .JPG-tiedostot jpegtranin kautta :: Luo kansio, johon pakattu jpg tallennetaan. Meidän tapauksessamme tämä on jpeg_images xcopy / y / t / c / i "% folder%" "jpg_% folder%" :: Jokaiselle .jpg-tiedostolle optimoimme jpegtranilla. Tulos.jpg kirjoitetaan tiedostoon jpeg_images for / r% folder% %% a in (* .jpg) do (set fn = %% a & jpegtran -copy none -optimize -progressive -outfile% home_path% jpg_! Fn: % ~ dp0 =!% home_path%! fn:% ~ dp0 =!) echo Käsittely * .JPG-tiedostot jpegtranin kautta :: Ilmoita, että nyt meidän on suoritettava se uudessa kansiossa jpeg_images set folder = jpg_% kansio% echo Käsittely * .JPG-tiedostot jpegoptimin kautta / r% kansio% %% a in (* .jpg) do (set fn = %% a & jpegoptim %% ~ a --strip-all) kaiku Käsittely * .JPG-tiedostot jpegoptimin kautta suoritettu kaiku Käsitellään * .PNG-tiedostoja optipng xcopy / y / t / c / i "% folder%" "png_% folder%" kautta / r% kansio% %% a in (* .png) do (set fn = %% a & optipng -o7 %% ~ a -out% home_path% png_! fn:% ~ dp0 =!) echo Käsittely * .PNG-tiedostot optipng:n kautta suoritettu set folder = png_% kansio% echo Käsittely * .PNG-tiedostot pngout:n kautta for / r % kansio% %% a in (* .png) do (set fn = %% a & pngout %% ~ a) echo Käsitellään * .PNG-tiedostoja pngoutin kautta suoritettu tauko

Koodi on kommentoitu tärkeissä osissa. Itse asiassa ei mitään monimutkaista, ota selvää, jos tarvitset sitä.

Tallenna nyt go.bat ja suorita se.

Jos tiedostoja on paljon, kuvien pakkaaminen kestää jonkin aikaa. Odota, kunnes konsoli ilmoittaa prosessin päättymisestä.

Pakkaus suoritetaan erottamalla tiedostot erikseen JPG, jotka nyt sijaitsevat jpg_images-muodossa, ja PNG erikseen, jotka sijaitsevat png_images-muodossa.

Jos sinun on muutettava laatua tai muita parametreja, katso yllä oleva apuohjelmien kuvaus ja muuta koodi tarpeidesi mukaan.

Kuinka optimoida ja pakata GIF-tiedostoja

Lopulta

Tässä artikkelissa yritin käsitellä mahdollisimman laajasti tapoja optimoida PNG ja JPG. Jos sinulla on kysyttävää, lisäyksiä, kirjoita kommentteihin, keskustelemme

Lukeminen 6 min. Katselukerrat 23,6k. Julkaistu 29.12.2016

Jos edessäsi on tehtävä pienentää JPG-tiedoston kokoa, yritetään selvittää se yhdessä. Hyvin usein kuvan kokoa on pienennettävä, jotta valokuvat tai kuvat eivät vie paljon levytilaa. Usein monet käyttäjät lähettävät suuren määrän valokuvia sähköpostitse, mutta pääsääntöisesti kaikilla sähköpostipalvelimilla on raja yhden kirjeen tiedon määrälle.

Tästä johtuen monet ihmiset eivät pysty lähettämään kuvia sähköpostissa, jolloin he joutuvat umpikujaan eivätkä tiedä, kuinka päästä pois tilanteesta. Lisäksi, jos lataat kuvatiedostoja pilvipalveluun tai siirrät ne verkon kautta, tämä tapahtuu nopeammin, jos kuvalla on pieni paino. Siksi tiedostojen kokoa on pienennettävä yrittäen samalla olla pilaamatta kuvan laatua.

Mikä on JPG-tiedosto.

Jpeg(lausutaan "jaypeg", eng. Joint Photographic Experts Group) On suosituin rasterikuvamuoto. Kuvia sisältävillä tiedostoilla on JPG-tunniste

Jos kiinnität huomiota, monien tietokoneesi graafisten kuvien nimet näyttävät tältä ("valokuvan nimi" .jpg tai "valokuvan nimi" .jpeg). .jpg-laajennus on suosituin.

JPG-tiedostot pakataan täydellisesti ilman laadun heikkenemistä. Näin ollen kaikki riippuu siitä, mitä käyttäjä haluaa saada lopputuloksesta. Kuvien pakkaamiseen on olemassa valtava määrä ohjelmia ja online-palveluita. Siksi katsotaanpa kuinka pienentää JPG-tiedoston kokoa eri tavoilla ja ohjelmilla. Voit määrittää kuvan alkuperäisen painon napsauttamalla sitä hiiren kakkospainikkeella ja valitsemalla "Ominaisuudet".

Kuinka pienentää kuvan kokoa Windowsin tavallisilla työkaluilla?

Jos sinun ei tarvitse muuttaa kuvan kokoa usein, niin tavallinen Paint-ohjelma sopii sellaisiin tarkoituksiin. Sen toiminnallisuus riittää tarpeisiimme. Joten Paint antaa sinun suorittaa seuraavat toiminnot:

  • Mahdollisuus lisätä kuvaan erilaista tekstiä;
  • Yksittäisten elementtien täyttö;
  • Mahdollisuus leikata tarpeettomia palasia;
  • Lisää toinen kuva ja paljon muuta.

Jos muokkaat kuvaa samalla kun lisäät uusia elementtejä, sen koko muuttuu.

Pienentääksesi jpg-tiedoston kokoa paint-graafisen editorin avulla, seuraa alla olevia ohjeita.

Neuvoja! Jos kuva on erittäin suuri, kooksi voidaan asettaa 1024 × 768. Valitse myös oikea pituuden ja leveyden suhde, muuten kuva ei näytä aivan oikealta.

Kuinka pienentää JPG-tiedoston kokoa Microsoft Office -ohjelmilla.

Koska MS Office -ohjelmistopaketti on asennettu useimpiin käyttäjien tietokoneisiin. Sitten käytämme tätä työkalua JPG-tiedoston koon muokkaamiseen.

Merkintä! Microsoft Office -paketin tulee sisältää MS Picture Manager


Jos haluat selvittää, kuinka pienentää JPG-tiedoston kokoa MS Picture Managerilla, toimi seuraavasti:


Neuvoja! Mitä enemmän kuvaa pakataan, sitä huonompi sen laatu on. Valitse siis keskitie.

JPG-tiedoston koon pienentäminen verkkopalveluilla.

Jos yllä olevat menetelmät eivät sovi sinulle tai sinun on pakattava erittäin suuri määrä kuvia, voit käyttää online-kuvanpakkauspalveluita. Yksi näistä palveluista on https://tinypng.com

Sen avulla voit pienentää kuvan kokoa mahdollisimman suureksi, kun taas ohjelma itse suorittaa kaikki toiminnot puolestasi. Sinun tarvitsee vain lisätä kuva verkkopalveluun.

Merkintä! Pakkaamisen jälkeen näet selvästi, kuinka monta prosenttia kuvan paino käsittelyn jälkeen on pudonnut.

Kun olet lisännyt kuvan tai valokuvan, ohjelma analysoi tiedoston automaattisesti ja pakkaa sen, jos mahdollista. Tässä tapauksessa kuvan koko, pituus ja leveys säilyvät ennallaan. Tinypng.com toimii useiden grafiikkamuotojen kanssa, joten se sopii monille käyttäjille.

Toinen verkkopalvelu, jonka avulla voit muuttaa kuvatiedoston kokoa, on irfanview.com. Palvelu tukee työskentelyä eri kuvaformaattien kanssa. Toisin kuin tinypng.com, käyttäjä valitsee luodun kuvan asetukset.

Voit asettaa kuvan koon manuaalisesti tai valita tarjotuista vaihtoehdoista.

Parempaa pakkausta varten ohjelmassa on erilaisia ​​suodattimia. Tallennusparametreissa voit myös asettaa arvoja, jotka pienentävät tulostiedoston kokoa.

Kuvan koon pienentäminen Snagit-editorilla.

Ei niin kauan sitten kirjoitin artikkelin, tässä artikkelissa kosketin Snagit-ohjelman tarkastelua, joka voi ottaa paitsi kuvakaappauksia näytöstä, myös muokata tuloksena olevia kuvia. Tämä ohjelma on täydellinen tarkoituksiin, nyt näytän sinulle ja kerron kuinka pienennät JPG-tiedoston kokoa Snagit-editorilla.

Ehdotan, että kaikki tehdään kohta kohdalta.


Merkintä! Jos haluat muuttaa kuvan kokoa suhteellisesti, jätä "Maintain Aspect Ratio" -valintaruutu päälle.

  1. Tallenna sitten kuva käyttämällä "Tiedosto" - "Tallenna nimellä" -valikkoa.

Kun kuvan kokoa on muutettu, tiedostolla on vähemmän painoa. Sen pienentämiseksi entisestään suosittelen käyttämään yllä kuvattuja verkkopalveluita.

Johtopäätös.

Tänään tarkastelimme kuinka pienentää JPG-tiedoston kokoa. Nyt voit helposti muuttaa kuvan kokoa ja painoa. Tämä auttaa sinua säästämään tilaa tietokoneen kiintolevyltä, flash-asemalta tai puhelimen muistikortilta. Pakatut tiedostot myös siirtyvät nopeammin verkon yli. Kuten näet, useimmissa tapauksissa voit muuttaa tiedoston kokoa laadun heikkenemättä.

Ja kävi ilmi, että verkkosivustollani oli ongelmia kuvan optimoinnin kanssa. Tämä on yleistä monille verkkovastaaville, joten kaikkien on hyödyllistä lukea, kuinka verkkosivuston kuva optimoidaan.

Tähän asiaan kannattaa suhtautua vakavasti, varsinkin jos lisäät artikkeleihin paljon kuvia. Katsoin 5 tapaa vähentää valokuvan painoa laadun heikkenemättä.

Mitä vähemmän sivu painaa, sitä nopeammin se latautuu. Ja useimmiten paino nousee vain kuvien takia. Monet pyrkivät bloggaajat eivät ajattele kuvien tekemisestä mahdollisimman helpoksi.

Perusesimerkki: tavallinen pakkaamaton valokuva painaa parhaimmillaan noin 1,5-3 mb. On myös vakavampia tapauksia. Tätä valokuvaa voidaan pienentää yli 10 kertaa ilman laadun heikkenemistä - jopa 50-100 kb.

On monia tapoja vähentää kuvan painoa, joten yritän harkita erikseen kaikkia tuntemiani vaihtoehtoja. Spoilerivaroitus: Kokeessa paras suorituskyky oli Picture Manager -ohjelmalla.

Työskentelen valokuvan kanssa kissasta, joka painaa 3 Mt (Internetistä).

1. Ota kuvakaappaus ja leikkaa... Ensinnäkin otin kuvasta kuvakaappauksen ja tallensin sen erikseen - painoksi tuli heti 104 kb, laatu kärsi vain vähän, vain jos valokuva tuotiin lähemmäs. Otin kuvakaappauksen sisäänrakennetulla Win7 Scissors -toiminnolla. Sijaitsevat alkaaKaikki ohjelmatVakioSakset.

Mutta kaikilla ei ole tällaista mahdollisuutta, joten voit vain painaa näppäimistön Print Screen -painiketta, avata Paint ja lisätä kuvan siihen ctrl + V -näppäimillä. Rajaa ylimäärä, jotta vain haluttu kuva jää jäljelle. Mutta tällä tavalla painoksi tuli 206 kb, mikä on silti parempi kuin alkuperäinen.

2. Maalaa voi auttaa vähentämään valokuvan painoa ilman kuvakaappausten vaivaa. Avaa vain valokuva tällä ohjelmalla (se on ilmainen ja se pitäisi asentaa oletuksena). Klikkaa Muuta kokoa ja valitse pikselien valintaruutu.

Pienennä numeroa Vaaka-kentässä sinulle sopivalla arvolla. Ilmoitin 500 ja paino putosi 72,2Kb:iin. Valitse luku, joka on suunnilleen yhtä suuri kuin sivustosi sivun leveys.

Tämä on yksi helpoimmista ja edullisimmista menetelmistä, mutta joskus koon pienentäminen ei auta paljon. Muita menetelmiä voidaan käyttää.

3. Kuvanhallinta On hyödyllinen ohjelma valokuvien pakkaamiseen. Sisältyy tavalliseen Microsoft Office -pakettiin, joten todennäköisesti sinulla on se asennettuna.

Tämän ohjelman suuri plussa on, että voit samanaikaisesti pienentää useiden valokuvien kokoa ja painoa.

Napsauta haluamaasi valokuvaa hiiren oikealla painikkeella (RMB) ja valitse Open with - Microsoft Office Picture Manager.

Napsauta Vaihda kuva - Pakkaa kuvat ja valitse sopiva pakkausvaihtoehto. Esimerkiksi tilassa verkkosivut paino on pudonnut 3 megatavusta 26,6 kilotavuun, mitä voidaan pitää erittäin hyvänä tuloksena.

Voit vähentää useiden kuvien painoa kerralla siirtämällä ne yhteen kansioon. Valitse nyt Tiedosto-valikosta Lisää pikakuvakkeet ja lisää haluamasi kansio. Avaa se ohjelman kautta, valitse kaikki valokuvat ja jatka yllä olevan suunnitelman mukaisesti.

4. Photoshop- erittäin kätevä tapa, mutta vain jos ymmärrät tämän ohjelman ja olet asentanut sen. Napsauta valokuvaa hiiren kakkospainikkeella ja valitse Avaa - Photoshop.

Ylävalikossa kuvat Valitse tavara Kuvan koko tai paina vain pikanäppäintä Alt + Ctrl + I. Täällä voit pienentää valokuvan koon haluttuun kokoon.

Kun olet määrittänyt haluamasi koon, napsauta OK. Siirry valikkoon TiedostoTallenna nimellä… ja anna haluamasi nimi, napsauta Tallenna. Tämän jälkeen avautuu ikkuna, jossa voit tehdä lisäasetuksia:

Tässä pienennämme laatua 8:aan - tämä on edelleen korkea laatu, mutta pienentää kokoa noin neljänneksellä. Useimmissa muodoissa voit valita minkä tahansa vaihtoehdon, valitsen yleensä Basicin.

Kuten näette, tässä tapauksessa koko pienenee 75,6 kb:iin, jota voidaan myös pitää erinomaisena tuloksena. Sivustollani pienennän kuvia Photoshopilla, käyttämällä tietynkokoista mallia ja säätämällä kuvia sen mukaisiksi.

5. Online-palvelut Se on hyvä vaihtoehto kaikille yllä oleville menetelmille. Sinun ei tarvitse asentaa lisäohjelmia tai ymmärtää monimutkaisia ​​piirejä.

Löydät helposti tällaisia ​​​​sivustoja - niitä on monia. Ohjaan sinut prosessin läpi käyttämällä esimerkkinä watermark.algid.net-verkkoa. Napsauta ylävalikkoa Palvelut ja valitse Kuvan koon muuttaminen.

Uudella sivulla sinun on ladattava tiedosto ja sitten valintaruutu tai poista valinta Säilytä mittasuhteet... Jos poistat valinnan ruudusta, sinun on määritettävä kuvan tarkat mitat, muuten valokuva näytetään väärin. Kun valintaruutu on valittuna, riittää, että muutat vain yhtä indikaattoria, ja toinen lasketaan automaattisesti.

Paina Seuraava vaihe -painiketta ja tallenna tuloksena oleva kuva napsauttamalla sitä hiiren kakkospainikkeella ja valitsemalla Tallenna nimellä...

Kollaasit On loistava tapa yhdistää 2-4 valokuvaa yhdeksi, vähentäen niiden painoa ja poistamatta niitä artikkelista. Erittäin hyödyllinen vaiheittaisten reseptien lähettämisessä - 4 vaihetta yhdellä kertaa. Näihin tarkoituksiin käytän kätevää sivustoa pizapru.com. Ilmainen, ei vaadi rekisteröitymistä, intuitiivinen ja täynnä ominaisuuksia. Suositella.

Nämä ovat kaikki tärkeimmät keinot vähentää valokuvan painoa laadun heikkenemättä. Kumpi tapa valita, on sinun.

Kuinka optimoida kuva verkkosivustolle

Ja nyt muutamia lisävinkkejä kuvien optimointiin verkkosivustoa tai blogia varten:

  • Tallenna kuvat JPEG-muodossa - tämä on loistava tapa pakata valokuvia laadun heikkenemättä.
  • Vältä "raskaita" muotoja, kuten PNG. Sen avulla voit saavuttaa kuvien läpinäkyvyyden vaikutuksen, joten monet ihmiset käyttävät sitä. Mutta joskus on parempi luopua tarpeettomasta kauneudesta ja lisätä sivuston latausnopeutta.
  • Nimeä valokuvia avainsanoilla, ei vain kirjaimilla - hakukoneet käsittelevät nimet ja näyttävät ne hakutuloksissa. Joten voit saada lisää kävijöitä, jos valitset otsikon viisaasti.
  • ALT- tai vaihtoehtoinen teksti -kenttään sinun on määritettävä kuvaus siitä, mitä kuvassa näkyy. Jos kuva ei lataudu, jotta ihmiset voivat selvittää, mitä siellä on kuvattu. Voit luonnollisesti sisällyttää kuvaukseen avaimen.
  • Kirjoita Otsikko-kenttään teksti, joka tulee näkyviin, kun siirrät osoittimen kuvan päälle. Hakukoneet eivät ota tätä indikaattoria huomioon luokittelussa, joten avainta ei tarvitse syöttää. Monet verkkovastaavat eivät täytä tätä kenttää ollenkaan.
  • Yritä käyttää ainutlaatuisia valokuvia. Kirjoitin tässä artikkelissa, kuinka kuvien ainutlaatuisuus saavutetaan.

Käytä yllä olevia menetelmiä vähentääksesi valokuvan painoa laadun heikkenemättä, jotta sivustosi latautuu nopeammin. Se vie vain muutaman minuutin ajan, mutta jos optimoit sivuston kuvan, sivustosi sijoittuu hyvin haussa. Mutta tämä on juuri sitä, mitä jokainen verkkovastaava tarvitsee.

Hei. Melko usein, kun työskentelet graafisten tiedostojen (kuvien, valokuvien ja jopa kaikkien kuvien) kanssa, ne on pakattava. Useimmiten tämä on välttämätöntä niiden siirtämiseksi verkon yli tai sijoittamiseksi sivustolle.

Ja huolimatta siitä, että nykyään kiintolevymäärien kanssa ei ole ongelmia (jos se ei riitä, voit ostaa ulkoisen kiintolevyn 1-2 TB:lle ja tämä riittää erittäin suurelle määrälle korkealaatuisia valokuvia) , tallenna kuvat sellaisessa laadussa, jota et tarvitse - ei perusteltua!

Tässä artikkelissa haluan pohtia useita tapoja, joilla voit pakata kuvan ja pienentää sen kokoa. Esimerkissäni käytän kolmea ensimmäistä valokuvaa, jotka kohtaan maailmanlaajuisen verkoston laajuudessa.

1) bmp on kuvamuoto, joka tarjoaa parhaan laadun. Mutta sinun on maksettava laadusta tähän muotoon tallennettujen kuvien viemällä tilalla. Niiden käyttämien valokuvien koko näkyy kuvakaappauksessa #1.

Kuvakaappaus 1. 3 kuvaa bmp-muodossa. Kiinnitä huomiota tiedostojen kokoon.

2) jpg on suosituin kuva- ja valokuvamuoto. Tarjoaa kohtuullisen hyvän laadun hämmästyttävällä pakkauslaadulla. Muuten, huomaa, että kuva, jonka resoluutio on 4912 × 2760 bmp-muodossa, on 38,79 Mt ja jpg-muodossa vain 1,07 Mt. Nuo. kuva tässä tapauksessa pakattu noin 38 kertaa!

Mitä tulee laatuun: jos kuvaa ei ole suurennettu, niin silmästä on mahdotonta tunnistaa missä on bmp ja missä on jpg. Mutta kun suurennat kuvaa jpg-muodossa, sumennus alkaa näkyä - tämä on pakkauksen vaikutus ...

Kuvakaappaus #2. 3 kuvaa jpg-muodossa

3) png - (portable network graphics) on erittäin kätevä muoto kuvien siirtämiseen Internetissä (* - joissain tapauksissa tähän muotoon pakatut kuvat vievät jopa vähemmän tilaa kuin jpg, ja niiden laatu on parempi!). Tarjoaa paremman värintoiston eikä vääristä kuvaa. Suositellaan kuville, joiden laatu ei saa heiketä ja jotka haluat ladata verkkosivustolle. Muuten, muoto tukee läpinäkyvää taustaa.

Kuvakaappaus #3. 3 kuvaa png-muodossa

4) gif on erittäin suosittu muoto kuville, joissa on animaatio (lisää animaatiosta :). Formaatti on myös erittäin suosittu kuvien siirtämisessä Internetissä. Joissakin tapauksissa se tarjoaa kuvien koon pienempiä kuin jpg-muodossa.

Kuvakaappaus nro 4. 3 kuvaa gif-muodossa

Huolimatta valtavasta valikoimasta graafisia tiedostomuotoja (ja niitä on yli viisikymmentä), nämä tiedostot (lueteltu yllä) löytyvät useimmiten Internetistä ja todellakin yleensä.

Kuinka pienentää kuvan kokoa Adobe Photoshopissa

Yleisesti ottaen tietysti yksinkertaisen pakkaamisen vuoksi (muuntaminen muodosta toiseen) Adobe Photoshopin asentaminen ei todennäköisesti ole perusteltua. Mutta tämä ohjelma on melko suosittu, ja kuvien kanssa työskentelevillä ei ole sitä edes niin usein tietokoneessaan.

1. Avaa kuva ohjelmassa (joko "Tiedosto / avaa ..." -valikon kautta tai näppäinyhdistelmällä "Ctrl + O").

3. Aseta tallennusasetukset:

Laatu: riippuen valitusta laadusta (ja voit asettaa pakkauksen välillä 10 - 100), kuvan koko riippuu. Esimerkkejä erilaatuisista pakatuista kuvista näytetään näytön keskellä.

Sen jälkeen vain tallenna kuva - sen koko on suuruusluokkaa pienempi (varsinkin jos se oli bmp)!

Tulos:

Pakattu kuva alkoi painaa vähemmän, noin 15 kertaa: 4,63 megatavusta pakattiin 338,45 kilotavuun.

Muut kuvanpakkausohjelmat

1. Fastone-kuvankatseluohjelma

Yksi nopeimmista ja kätevimmistä ohjelmista kuvien katseluun, helppoon muokkaamiseen ja tietysti niiden pakkaamiseen. Muuten, sen avulla voit katsella kuvia jopa ZIP-arkistoissa (monet käyttäjät asentavat usein AcdSee-ohjelman tätä varten).

Lisäksi Fastonen avulla voit pienentää kymmenien ja satojen kuvien kokoa kerralla!

1. Avaa kuvien kansio, valitse hiirellä ne, jotka haluat pakata, ja napsauta sitten "Palvelu / Eräkäsittely" -valikkoa.

Siirrä kuvia vasemmalta oikealle (ne, jotka haluamme pakata);

Valitse muoto, johon haluat pakata ne;

Itse asiassa siinä kaikki - sen jälkeen paina vain käynnistyspainiketta. Muuten, tämän lisäksi voit asettaa erilaisia ​​​​asetuksia kuvankäsittelyyn, esimerkiksi: rajata reunoja, muuttaa resoluutiota, laittaa logon jne.

3. Pakkaustoimenpiteen jälkeen - Fastone antaa raportin siitä, kuinka paljon kiintolevytilaa on säästetty.

2. XnVew

Erittäin suosittu ja kätevä ohjelma valokuvien ja kuvien käsittelyyn. Muuten, muokkasin ja pakkaan tämän artikkelin kuvat XnView'ssa.

Ohjelman avulla voit myös ottaa kuvakaappauksia ikkunasta tai tietystä sen osasta, muokata ja tarkastella pdf-tiedostoja, etsiä samanlaisia ​​kuvia ja poistaa kaksoiskappaleita jne.

1) Pakkaa valokuvat valitsemalla ne, jotka haluat käsitellä ohjelman pääikkunassa. Siirry sitten Työkalut / Erä -valikkoon.

2) Valitse muoto, johon haluat pakata kuvat ja paina käynnistyspainiketta (voit myös määrittää pakkausasetukset).

3) Tulos on melko hankala, kuva on pakattu suuruusluokkaa.

Oli bmp-muodossa: 4,63 MB;

Nyt jpg-muodossa: 120,95 KB. "Silmältä" kuvat ovat käytännössä samat!

3. MELAKA

Toinen erittäin mielenkiintoinen ohjelma kuvien pakkaamiseen. Lopputulos on yksinkertainen: avaat minkä tahansa kuvan (jpg, gif tai png) siinä, niin näet heti kaksi ikkunaa: yksi on alkuperäinen kuva ja toinen on tulos. RIOT-ohjelma laskee automaattisesti, kuinka paljon kuva painaa pakkaamisen jälkeen, ja näyttää myös pakkauslaadun.

Mikä muu siinä kiehtoo - asetusten runsaus, kuvia voidaan pakata eri tavoilla: tehdä niistä selkeämpiä tai ottaa sumennus käyttöön; voit poistaa värit käytöstä tai vain tietyn värialueen sävyt.

Muuten, loistava mahdollisuus: RIOTissa voit määrittää haluamasi tiedostokoon ja ohjelma valitsee automaattisesti asetukset ja määrittää kuvan pakkauslaadun!

Tässä pieni pala työstä: Kuva pakattiin 82 kilotavuun 4,63 Mt:n tiedostosta!

Online-palvelut kuvien pakkaamiseen

Yleensä henkilökohtaisesti en todellakaan pidä kuvien pakkaamisesta verkkopalveluiden avulla. Ensinnäkin mielestäni se kestää kauemmin kuin ohjelma, toiseksi verkkopalveluissa ei ole niin paljon asetuksia, ja kolmanneksi en haluaisi ladata kaikkia kuvia kolmannen osapuolen palveluihin (onhan siellä myös henkilökohtaisia ​​kuvia, joita näytät vain läheisessä perhepiirissä).