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.
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.
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.
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.
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.
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:
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.
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.
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.
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.
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.
Tarkastellaan kolmea ohjelmaa PNG-optimointiin:
Verrataanpa niitä kuvan pakkauslaadun suhteen. Pakkaamme nginx.png:n edellisestä osiosta. Alkuperäinen paino 27,5Kb.
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.
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.
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.
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]
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öä.
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).
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
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
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
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" "
Täytä jpegoptim.exe kohtaan C: \ Windows. Avaa sitten JPG-kuvien kansio Far Managerilla ja siirry konsoliin
Jpegoptim * .jpg -- strip-all -- all-progressive
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.
Jatketaan testaukseen. Otetaan esimerkiksi tiedosto caching.jpg. Alkuperäisessä se painaa 29,5 KB
Lähtö oli 29,1 kt, pakkaussäästö 1,36 %
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.
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.
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.
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".
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:
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.
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.
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.
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.
Kun kuvan kokoa on muutettu, tiedostolla on vähemmän painoa. Sen pienentämiseksi entisestään suosittelen käyttämään yllä kuvattuja verkkopalveluita.
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 alkaa – Kaikki ohjelmat — Vakio – Sakset.
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 Tiedosto – Tallenna 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.
Ja nyt muutamia lisävinkkejä kuvien optimointiin verkkosivustoa tai blogia varten:
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ä.
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.
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!
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ä).