# Kako stisniti slike z brezplačnimi orodji

Stisnjene slike imajo še posebej pozitiven vpliv na **čas nalaganja spletnih strani**. Toda kako lahko slike stisnete na način, ki je čim bolj brez izgube – brez opazne izgube kakovosti? In katere možnosti so na voljo, da to dosežete? V tem vodniku vam bomo podali jasen pregled orodij za stiskanje slik.

## Zakaj naj stisnem svoje slike?

Danes so slike in fotografije z visoko ločljivostjo nekaj običajnega. V digitalni fotografiji se število pikslov in **velikost datotek** povečujeta. Ne glede na to, ali slike nalagate na svojo spletno stran ali jih pošiljate po e-pošti, je vedno pomembno, da velikost datotek ohranite čim manjšo. Ne pozabite, da manjša je datoteka, manj časa je potrebno za njen prenos. To je koristno iz dveh razlogov:

- Hiter proces nalaganja **poveča zadovoljstvo obiskovalcev** (zlasti za uporabnike z mobilnim dostopom do interneta).
- Hitro nalaganje ima pozitiven vpliv na **uvrstitev v iskalnikih.**

## Pravilni format podatkov za spletne slike

Preden slike objavite na spletu, preverite format datoteke slike. Ni vsak grafični format primeren za uporabo na internetu. Tukaj je **pet formatov,** ki **jih** lahko uporabite:

- **JPG/JPEG**: JPG je eden najpogosteje uporabljanih slikovnih formatov. Prikazuje 16,7 milijona barv in se ponaša z visoko stopnjo stiskanja. JPG-ji se večinoma uporabljajo za shranjevanje fotografij ali fotografijam podobnih grafik, zlasti tistih z veliko različnimi barvami in izrazitimi kontrasti.
- **PNG**: Ta format lahko prikazuje med 256 (PNG8) in 16,7 milijona (PNG24) različnih barv in se uporablja na spletu. Za razliko od JPG-jev se ta format lahko stiska brez izgube kakovosti. PNG-datoteke so primerne za shranjevanje grafik, logotipov in besedil. Slike z malo barvami se lahko stisnejo v datoteke, ki so le delček originalne velikosti slike.
- **WebP**: WebP je sodoben format slik, ki ga je razvil Google, da bi zagotovil boljšo stiskanje ob ohranjanju visoke kakovosti slik. Podpira stiskanje z izgubo in brez izgube, kar ima za posledico manjše velikosti datotek v primerjavi z JPEG in PNG. Zahvaljujoč učinkovitim algoritmom, kot je prediktivno kodiranje, lahko WebP stisne slike do **30 % manjše od JPEG** pri podobni kakovosti. Format podpira tudi prosojnost (alfa kanal) in animacije, kar ga naredi vsestransko alternativo PNG in GIF.
- **SVG**: SVG (Scalable Vector Graphics) je format slike na osnovi XML, ki se uporablja za vektorsko grafiko. Ker temelji na matematičnih opisih oblik in črt, kakovost slike ostane nespremenjena ne glede na povečavo. Za razliko od formatov na osnovi pikslov je mogoče velikost datotek SVG močno zmanjšati s preprostimi optimizacijami kode in stiskanjem [gzip](https://www.ionos.com/sl-si/digitalguide/streznik/znanje/kaj-je-gzip-in-kaksne-so-prednosti-tega-programa/), ne da bi pri tem ogrozili vizualno kakovost. SVG je še posebej primeren za logotipe, ikone in ilustracije na spletu.
- **GIF**: GIF datoteke so na spletu še vedno precej pogoste, čeprav lahko prikazujejo le 256 barv. To je predvsem zato, ker format GIF podpira kratke animacije, narejene iz zaporedja slik, ki so še posebej priljubljene na družbenih omrežjih in podobnih platformah.

Tip Stiskanje fotografij in slik je eden najpomembnejših korakov za izboljšanje učinkovitosti vaše spletne strani. Vendar obstajajo tudi drugi načini za optimizacijo vizualnih vsebin. Vredno je določiti **dimenzije slike neposredno v izvorni kodi**, tako da jih brskalnik ne mora izračunati. **Odstranjevanje metapodatkov**, kot so meta oznake in EXIF informacije, lahko prav tako pozitivno vpliva na hitrost nalaganja. Če vaša spletna aplikacija vsebuje veliko število slik, je za optimizacijo dostave in zmogljivosti zelo priporočljiva uporaba omrežja za dostavo vsebin (CDN).

## Možnost 1: Stiskanje slik na spletu

Če želite stisniti slike, ne da bi morali namestiti posebno programsko opremo, lahko slike enostavno optimizirate tudi na spletu. Za ta namen obstajajo **različne ponudbe na spletu**, ki vam omogočajo brezplačno stiskanje slik. Orodja se običajno razlikujejo glede na **razpoložljive datotečne formate** in možne **stopnje stiskanja**, pogosto pa imajo omejitve glede števila stiskanj, ki jih je mogoče izvesti. Nekatere najboljše rešitve najdete v naslednjih odstavkih.

### Optimizilla

Spletno orodje [Optimizilla](https://imagecompressor.com/ "Optimizilla website") podjetja Mediafox Marketing omogoča **hkratno** nalaganje in stiskanje **do 20 slik**. Slike morajo biti v formatu JPEG ali PNG. Spletna aplikacija uporablja **kombinacijo različnih algoritmov stiskanja**, ki se odlikujejo po dobrem razmerju med stiskanjem in kakovostjo slike. S pomočjo drsnika lahko **nastavite stopnjo stiskanja**, preden rezultate prenesete posamično ali skupaj v obliki ZIP datoteke.

[![Image: Image compression with Optimizilla](https://www.ionos.com/sl-si/digitalguide/fileadmin/_processed_/9/b/csm_optimizilla-compression_6080db60c9.webp "Image compression with Optimizilla")](https://www.ionos.com/sl-si/digitalguide/fileadmin/DigitalGuide/Screenshots_2024/optimizilla-compression.png) Once you’ve selected the desired compression level, confirm it in Optimizilla by clicking ‘Apply’. In this example, the image size is reduced by 22 percent. Da bi vam pomagali najti najboljše možne nastavitve, Optimizilla vam ponuja **sličice izvirnika in njegove stisnjene različice**. Poleg tega orodje navaja tudi velikost posamezne datoteke. Vse naložene slike se po eni uri samodejno izbrišejo s strežnikov ponudnika.

<table>
  <thead>
    <tr>
      <th><strong>Prednosti</strong></th>
      <th><strong>Pomanjkljivosti</strong></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Nastavljivo kompresijsko razmerje</td>
      <td>Omejeno na 20 stiskanj naenkrat</td>
    </tr>
    <tr>
      <td>Predogled izvirnika in urejenega izgleda v obliki sličice</td>
      <td></td>
    </tr>
  </tbody>
</table>

### TinyPNG

[TinyPNG](https://tinypng.com "TinyPNG Website") omogoča – v nasprotju s svojim imenom – ne le stiskanje datotek PNG, ampak tudi datotek JPEG in WebP. V brezplačni standardni različici lahko hkrati optimizirate **do 20 slik** v teh treh formatih, pri čemer je največja velikost datoteke na sliko omejena na 5 megabajtov.

[![Image: Screenshot of the TinyPNG website](https://www.ionos.com/sl-si/digitalguide/fileadmin/_processed_/f/4/csm_tinypng-compression_63fce81422.webp "Screenshot of the TinyPNG website")](https://www.ionos.com/sl-si/digitalguide/fileadmin/DigitalGuide/Screenshots_2024/tinypng-compression.png) After compression, TinyPNG will display the new size of the image file(s) and the saved file size (as a percentage). Orodje voormedia ima **vnaprej določeno stopnjo stiskanja**, ki je ni mogoče prilagoditi, vendar zmanjša velikost slike do 80 %. Z uporabo funkcije **povleci in spusti** prenesite želene fotografije v prikazano območje in nato prenesite rezultate v formatu JPEG ali PNG ali kot datoteko ZIP. Alternativno lahko slike naložite v storitev za shranjevanje v oblaku Dropbox.

<table>
  <thead>
    <tr>
      <th><strong>Prednosti</strong></th>
      <th><strong>Slabosti</strong></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Rezultate je mogoče naložiti v Dropbox</td>
      <td>Omejitev na 20 hkratnih stiskanj in velikost datoteke 5 megabajtov (v standardni izdaji)</td>
    </tr>
    <tr>
      <td></td>
      <td>Stopnja stiskanja ni nastavljiva</td>
    </tr>
  </tbody>
</table>

### iLoveIMG

[iLoveIMG](https://www.iloveimg.com "iLoveIMG website") je celoten **spletni paket** uporabnih orodij za urejanje slik. Razvojna ekipa s sedežem v Barceloni ponuja aplikacije, ki **omogočajo obrezovanje, pomanjševanje, pretvarjanje in celo stiskanje slik**. Za slednje izberite »Stisni sliko« in nato vstavite želeno slikovno gradivo s funkcijo povleci in spusti ali brskalnikom datotek. Možni formati so **JPEG, PNG, SVG in GIF**.

[![Image: Screenshot of image compression with iLoveIMG](https://www.ionos.com/sl-si/digitalguide/fileadmin/_processed_/2/6/csm_iloveimg-compressed-image_7d27cd4639.webp "Screenshot of image compression with iLoveIMG")](https://www.ionos.com/sl-si/digitalguide/fileadmin/DigitalGuide/Screenshots_2024/iloveimg-compressed-image.png) After compression, you can download the images with a simple click. Čeprav ima iLoveIMG le en sam privzeti način stiskanja, orodje ponuja več različnih možnosti izvoza. Rezultate lahko ne le prenesete na lokalni trdi disk, ampak jih tudi naložite v **Google Drive in Dropbox** ter **posredujete povezavo za prenos** stisnjenih slik. Če niste zadovoljni z rezultatom stiskanja, ga lahko preprosto izbrišete s klikom na ikono koša.

<table>
  <thead>
    <tr>
      <th><strong>Prednosti</strong></th>
      <th><strong>Pomanjkljivosti</strong></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Rezultate je mogoče naložiti v Google Drive in Dropbox</td>
      <td>Samo en način stiskanja</td>
    </tr>
    <tr>
      <td>Na voljo so dodatna orodja za obrezovanje, prilagajanje velikosti in pretvarjanje</td>
      <td>Ni funkcije predogleda</td>
    </tr>
  </tbody>
</table>

## Možnost 2: Stiskanje slik s programom Photoshop

Svoje slike lahko stisnete tudi s profesionalnimi programi za obdelavo slik. Najbolj znan med njimi je nedvomno [Photoshop](https://www.adobe.com/products/photoshop.html "Photoshop website"). Poleg funkcij za ustvarjalno oblikovanje in optimizacijo fotografskega materiala, Adobeovo orodje ponuja različne možnosti za spreminjanje formata slike in **prilagajanje velikosti slike**. Možnost »Shrani za splet«, ki jo je Adobe uvedel posebej za optimizacijo fotografij in slik za spletne strani, je še posebej praktična za upravljavce spletnih strani. V tem načinu je mogoče stisniti ne le pomembne spletne formate **GIF, PNG, WebP in JPEG**, ampak tudi **rastrski grafični format WBMP** (Wireless Bitmap), ki je namenjen mobilnim napravam.

[YouTube video](https://www.youtube.com/watch?v=RjA067CaQhY)Takoj ko uredite sliko **v načinu optimizacije za splet v programu Photoshop**, se odpre novo okno, v katerem lahko ne le nastavite željene ciljne formate, ampak tudi optimizirate želeno sliko za svojo spletno stran glede **barvne globine in velikosti**. V oknu za predogled orodje Adobe primerja izvirno in ciljno sliko (vključno z informacijami o absolutni velikosti datoteke), tako da lahko **vsakič, ko sliko stisnete**, zlahka **vidite razliko**.

<table>
  <thead>
    <tr>
      <th><strong>Prednosti</strong></th>
      <th><strong>Pomanjkljivosti</strong></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Predogled v živo za do tri rezultate stiskanja</td>
      <td>Zahteva veliko računalniške moči</td>
    </tr>
    <tr>
      <td>Na voljo so različne funkcije za urejanje slik</td>
      <td>Visoki stroški</td>
    </tr>
  </tbody>
</table>

## Možnost 3: Stiskanje slik s prostimi in odprtokodnimi programi

S programom Photoshop je stiskanje slik z **namiznimi aplikacijami** zelo priročno. Te ne ponujajo le precej več funkcij, ampak imajo tudi prednost pred spletnimi orodji, saj jih je mogoče uporabljati brez internetne povezave. Če želite zmanjšati velikost slik na svoji spletni strani, pa ni nujno, da uporabite premium rešitev, kot je izdelek Adobe ali druga plačljiva alternativa. Če imate **omejen proračun** ali **vas ne zanimajo bolj zapletene funkcije za urejanje**, vam lahko brezplačni ali odprtokodni program pomaga doseči vrhunske rezultate optimizacije fotografij, slik itd. Toda katero od številnih brezplačnih orodij je dejansko priporočljivo?

### IrfanView

Od leta 1996 je pregledovalnik slik [IrfanView](https://www.irfanview.com/main_what_is_engl.htm "IrfanView website") ena najbolj priljubljenih brezplačnih rešitev za osebne računalnike z operacijskim sistemom Windows. Po podatkih razvijalca **je orodje v povprečju preneseno približno milijonkrat na mesec**! To impresivno število je verjetno posledica privlačnega licenčnega modela: za osebno uporabo je popolnoma brezplačno, za komercialno uporabo pa je potrebna licenca, ki stane le nekaj deset evrov.

[![Image: Screenshot of IrfanView](https://www.ionos.com/sl-si/digitalguide/fileadmin/_processed_/d/a/csm_irfanview-save-options-jpeg_0b356c34bb.webp "Screenshot of IrfanView")](https://www.ionos.com/sl-si/digitalguide/fileadmin/DigitalGuide/Screenshots_2024/irfanview-save-options-jpeg.png) If you save your image as a JPEG using the standard version of IrfanView (without plugins), you can easily adjust the quality using a slider. Privzeto pregledovalnik slik podpira **številne slikovne formate, kot so PNG, JPEG, GIF, BMP, WebP** in še mnoge druge. Ko je slika vstavljena, jo lahko kadarkoli pretvorite v te formate. Za stiskanje slik, namenjenih posebej za splet, pa priporočamo funkcijo **»Shrani za splet«**, ki jo lahko dodate prek vtičnika. Ta razširitev vam omogoča optimizacijo nizov slik in fotografij, pri čemer lahko s pomočjo drsnika nastavite, v kolikšni meri naj se ohrani **kakovost izvirne slike**. Predogled slike in velikost stisnjene datoteke vam omogočata vpogled v to, kakšen bo končni rezultat.

<table>
  <thead>
    <tr>
      <th><strong>Prednosti</strong></th>
      <th><strong>Pomanjkljivosti</strong></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Možna obdelava v skladu</td>
      <td>Plugin za stiskanje je na voljo samo v angleščini</td>
    </tr>
    <tr>
      <td>Funkcija predogleda in nastavljiva stopnja stiskanja</td>
      <td></td>
    </tr>
  </tbody>
</table>

### GIMP

Pri iskanju alternativ za Photoshop iz odprtokodnega sektorja boste neizogibno naleteli na [GIMP](https://www.gimp.org "GIMP website") (**GNU** **Image** **Manipulation** **Program**). Grafični program za Linux, macOS in Windows, ki je bil izdan leta 1998, že leta navdušuje ljudi zaradi svoje **raznolikosti funkcij**, ki so zelo podobne tistim v komercialnem modelu Adobe. Sedaj podpira več kot trideset datotečnih formatov, vključno z **GIF, WebP, JPEG in PNG,** ki so ključni formati za splet. To pomeni, da lahko s programsko opremo GIMP kadarkoli pretvorite svoje slikovne datoteke v enega od teh spletnih formatov.

[![Image: Screenshot of GIMP](https://www.ionos.com/sl-si/digitalguide/fileadmin/_processed_/e/b/csm_gimp-export-image-webp_a55d67029f.webp "Screenshot of GIMP")](https://www.ionos.com/sl-si/digitalguide/fileadmin/DigitalGuide/Screenshots_2024/gimp-export-image-webp.png) Exporting image as WebP with GIMP Poleg pretvorbe slik v manjši datotečni format GIMP ponuja tudi **napredne možnosti izvoza**, ki omogočajo enostavno stiskanje slik. S pomočjo drsnika nastavite **stopnjo stiskanja**. Razširjene možnosti so prav tako praktične: če na primer aktivirate lastnost »Progressive«, je rezultat nekoliko večji, vendar **se** posamezna **območja nalagajo v določenem vrstnem redu**, tako da se že po kratkem času nalaganja prikaže grob pregled celotne slike.

<table>
  <thead>
    <tr>
      <th><strong>Prednosti</strong></th>
      <th><strong>Pomanjkljivosti</strong></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Odprta koda</td>
      <td>Predogled prikazuje le velikost datoteke rezultata</td>
    </tr>
    <tr>
      <td>Stopnja stiskanja je nastavljiva</td>
      <td></td>
    </tr>
  </tbody>
</table>

### PNGGauntlet

Brezplačni program [PNGGauntlet](https://pnggauntlet.com "PNGGauntlet website") ponuja **grafični uporabniški vmesnik** za tri odprtokodna orodja PNGOUT, OptiPNG in DeflOpt, ki so bila razvita za **optimizacijo in stiskanje slik v formatu PNG**. Aplikacija, ki je na voljo samo za Windows, je zato idealna rešitev za ustvarjanje zelo majhnih logotipov, grafik in napisov v formatu PNG za vaš spletni projekt. Poleg **formata PNG** so za stiskanje ali pretvorbo možni tudi formati **JPEG, GIF, TIFF in BMP**.

[![Image: Screenshot of the PNGGauntlet interface](https://www.ionos.com/sl-si/digitalguide/fileadmin/_processed_/0/8/csm_pnggauntlet-compression_e9c308e23b.webp "Screenshot of the PNGGauntlet interface")](https://www.ionos.com/sl-si/digitalguide/fileadmin/DigitalGuide/Screenshots_2024/pnggauntlet-compression.png) If you tick ‘Overwrite Original Files’, PNGGauntlet automatically replaces the original image with the newly created file. S programom PNGGauntlet lahko slike stisnete na dva načina. Do **standardne nastavitve** lahko dostopate tako, da vstavite eno ali več slik in nato pritisnete »Optimize!« (Optimiraj!), ali pa najprej izberete **individualno nastavitev**, tako da prilagodite nastavitve treh vgrajenih orodij s klikom na gumb z enakim imenom. Ne glede na to, kateri način izberete, vam bo brezplačno orodje po uspešni stiskanju prikazalo **novo velikost slikovne datoteke (v** primerjavi z izvirnikom **)** v odstotkih.

<table>
  <thead>
    <tr>
      <th><strong>Prednosti</strong></th>
      <th><strong>Pomanjkljivosti</strong></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Preprosta obdelava sklada</td>
      <td>Ni načina predogleda</td>
    </tr>
    <tr>
      <td>Možna individualizacija stopnje stiskanja</td>
      <td>Omejeno na PNG kot izhodni format</td>
    </tr>
    <tr>
      <td></td>
      <td>Najnovejša različica je iz leta 2012</td>
    </tr>
  </tbody>
</table>

### ImageOptim

Če želite stisniti slike in fotografije svojega spletnega projekta in potrebujete **odprtokodno orodje za macOS**, priporočamo [ImageOptim](https://imageoptim.com/mac "ImageOptim") avtorja Kornela Lesinskega. Ta program z licenco GPL združuje več orodij za optimizacijo slik, kot so MozJPEG, pngquant in SVGO, kar vam omogoča ne le odstranjevanje nepotrebnih **metapodatkov EXIF**, ampak tudi **stiskanje različnih slikovnih formatov**, kot so JPEG, SVG, GIF in PNG.

[![Image: Screenshot of ImageOptim](https://www.ionos.com/sl-si/digitalguide/fileadmin/_processed_/a/4/csm_imageoptim-compression_d83847274c.webp "Screenshot of ImageOptim")](https://www.ionos.com/sl-si/digitalguide/fileadmin/DigitalGuide/Screenshots_2024/imageoptim-compression.png) Once you’ve dragged your file into the tool, the compression process begins automatically. A green tick indicates that the compression was successful. Z uporabo funkcije **povleci in spusti** lahko želene slikovne datoteke prenesete v ImageOptim, kjer jih bo program takoj začel stiskati. Vendar lahko kadarkoli spremenite nastavitve in **prilagodite stopnjo stiskanja** ter dodate ali odstranite možnosti. Preprosto kliknite na tri pike, da nadaljujete. Nato preprosto kliknite na »Ponovno«, da ponovno izvedete pretvorbo.

<table>
  <thead>
    <tr>
      <th><strong>Prednosti</strong></th>
      <th><strong>Pomanjkljivosti</strong></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Različne funkcije stiskanja</td>
      <td>Ni načina predogleda</td>
    </tr>
    <tr>
      <td>Odprta koda</td>
      <td></td>
    </tr>
  </tbody>
</table>


This is a markdown version of: [https://www.ionos.com/sl-si/digitalguide/spletne-strani/spletno-oblikovanje/stisnite-slike-s-pomocjo-brezplacnih-orodij/](https://www.ionos.com/sl-si/digitalguide/spletne-strani/spletno-oblikovanje/stisnite-slike-s-pomocjo-brezplacnih-orodij/) for AI/LLM consumption.