Kako izračunati dimenziju slike | Izračun broja piksela po cm

Kako izračunati dimenziju slike | Izračun broja piksela po cm

Što su dimenzije slike i zašto su važne?

Kada radite s digitalnim slikama, susrest ćete se s različitim mjernim jedinicama. Pikseli (px) su najčešća jedinica za digitalne slike i ekrane, dok se centimetri (cm) i inči (in) koriste za tisak. Razlika između ovih jedinica leži u tome što pikseli predstavljaju apsolutnu digitalnu mjeru, dok fizičke dimenzije ovise o rezoluciji slike, odnosno broju piksela po inču (DPI - dots per inch) ili centimetru.

Razumijevanje odnosa između piksela i fizičkih dimenzija omogućava vam da:

  • Pripremite slike za web stranice koje se brzo učitavaju
  • Kreirate grafike za društvene mreže u optimalnim dimenzijama
  • Osigurate kvalitetni tisak fotografija i marketinških materijala
  • Optimizirate veličinu datoteke bez gubitka kvalitete
  • Izbjegnete iskrivljenje slike prilikom promjene veličine

Osnove izračuna: Pikseli, DPI i fizičke dimenzije

Za razumijevanje izračuna potrebno je poznavati tri ključna pojma:

Pikseli (px) su najmanje jedinice digitalne slike. Svaki piksel sadrži informaciju o boji i zajedno s ostalim pikselima tvori cjelovitu sliku. Fotografija dimenzija 1920×1080 piksela ima ukupno 2.073.600 piksela (1920 × 1080).

DPI (Dots Per Inch) ili PPI (Pixels Per Inch) mjeri gustoću piksela. Što je DPI veći, to je slika oštrija i detaljnija kada se ispisuje ili prikazuje na određenoj fizičkoj površini. Web slike obično koriste 72 DPI jer su ekrani optimizirani za tu rezoluciju, dok tisak zahtijeva 300 DPI ili više za profesionalnu kvalitetu.

Fizičke dimenzije izražavaju se u centimetrima, milimetrima ili inčima i predstavljaju stvarnu veličinu slike kada se ispisuje ili prikazuje na fizičkom mediju.

Osnovne formule za izračun

Za pretvorbu piksela u centimetre koristite sljedeće formule:

  • Širina u cm = Širina u pikselima ÷ (DPI × 0.3937)
  • Visina u cm = Visina u pikselima ÷ (DPI × 0.3937)

Za pretvorbu centimetara u piksele:

  • Širina u pikselima = Širina u cm × DPI × 0.3937
  • Visina u pikselima = Visina u cm × DPI × 0.3937

Konstanta 0.3937 predstavlja broj inča u jednom centimetru (1 cm = 0.393701 inča).

Tablica standardnih dimenzija za različite namjene

Namjena Dimenzije (pikseli) Omjer stranica Preporučeni DPI Fizička veličina (pri 300 DPI)
Facebook objava 1200 × 630 1.91:1 72 42.3 × 22.2 cm
Instagram post (kvadrat) 1080 × 1080 1:1 72 38.1 × 38.1 cm
Instagram story 1080 × 1920 9:16 72 38.1 × 67.7 cm
Web banner 728 × 90 8.09:1 72 25.7 × 3.2 cm
A4 tisak (visoka kvaliteta) 2480 × 3508 1:1.41 300 21 × 29.7 cm
A5 tisak 1748 × 2480 1:1.41 300 14.8 × 21 cm
Vizitka (standardna) 1050 × 600 1.75:1 300 9 × 5 cm
YouTube thumbnail 1280 × 720 16:9 72 45.2 × 25.4 cm

Korak po korak: Kako izračunati dimenzije slike

Metoda 1: Ručni izračun

  1. Provjerite dimenzije slike u pikselima - Desni klik na sliku → Svojstva → Detalji. Zabilježite širinu i visinu u pikselima (npr. 3000 × 2000 px).
  2. Odredite DPI vrijednost - Za web koristite 72 DPI, za kućni tisak 150-200 DPI, za profesionalni tisak 300 DPI.
  3. Primijenite formulu - Širina u cm = 3000 ÷ (300 × 0.3937) = 3000 ÷ 118.11 = 25.4 cm
  4. Ponovite za visinu - Visina u cm = 2000 ÷ (300 × 0.3937) = 2000 ÷ 118.11 = 16.93 cm
  5. Rezultat - Slika dimenzija 3000×2000 px pri 300 DPI bit će 25.4 × 16.93 cm kada se ispisuje

Metoda 2: Korištenje online kalkulatora

  1. Posjetite online kalkulator za dimenzije slika (npr. pixelcalculator.com, unitconverters.net)
  2. Unesite dimenzije slike u pikselima
  3. Odaberite željeni DPI
  4. Odaberite izlaznu jedinicu (cm, mm, inči)
  5. Kalkulator automatski prikazuje rezultat

Metoda 3: Korištenje programa za obradu slika

U programima poput Adobe Photoshopa ili GIMP-a:

  1. Otvorite sliku u programu
  2. Idite na Image → Image Size (Photoshop) ili Image → Scale Image (GIMP)
  3. Program prikazuje trenutne dimenzije u pikselima i fizičke dimenzije
  4. Promijenite DPI vrijednost da vidite kako se mijenjaju fizičke dimenzije
  5. Možete direktno mijenjati dimenzije uz opciju zadržavanja omjera stranica

Praktični primjeri izračuna za različite scenarije

Primjer 1: Priprema slike za Instagram

Želite objaviti fotografiju na Instagramu u kvadratnom formatu. Instagram preporuča 1080 × 1080 piksela.

Izračun:

  • Dimenzije: 1080 × 1080 px
  • DPI za web: 72
  • Fizička dimenzija: 1080 ÷ (72 × 0.3937) = 1080 ÷ 28.35 = 38.1 cm
  • Rezultat: Slika će biti 38.1 × 38.1 cm pri 72 DPI

Za Instagram nije potrebna veća rezolucija jer platforma automatski komprimira slike. Korištenje većih dimenzija samo povećava veličinu datoteke bez vidljivog poboljšanja kvalitete.

Primjer 2: Tisak fotografije formata A4

Želite ispisati fotografiju na A4 papiru (21 × 29.7 cm) u visokoj kvaliteti.

Izračun potrebnih piksela:

  • Fizička dimenzija: 21 × 29.7 cm
  • DPI za kvalitetni tisak: 300
  • Širina: 21 × 300 × 0.3937 = 2480 px
  • Visina: 29.7 × 300 × 0.3937 = 3508 px
  • Potrebna rezolucija: 2480 × 3508 px

Ako vaša fotografija ima manju rezoluciju, tisak neće biti oštar. Fotografija s 1200 × 1600 px bila bi dovoljna samo za 10 × 13.5 cm pri 300 DPI.

Primjer 3: Web banner za blog

Trebate kreirati banner za vrh web stranice širine 1200 piksela i visine 400 piksela.

Izračun:

  • Dimenzije: 1200 × 400 px
  • DPI za web: 72
  • Fizička širina: 1200 ÷ (72 × 0.3937) = 42.3 cm
  • Fizička visina: 400 ÷ (72 × 0.3937) = 14.1 cm

Za web slike važnije je optimizirati veličinu datoteke nego DPI. Koristite JPEG format s 80-85% kvalitetom ili WebP format za najbolji omjer kvalitete i veličine.

Česte greške pri izračunu i kako ih izbjeći

Greška 1: Korištenje web rezolucije za tisak

Mnogi korisnici preuzmu sliku s weba (obično 72 DPI) i pokušaju je ispisati u većem formatu. Rezultat je zamućena, pikselizirana slika jer nema dovoljno piksela za kvalitetni tisak.

Rješenje: Uvijek provjerite da slika ima minimalno 300 DPI za tisak. Ako nemate sliku dovoljne rezolucije, smanjite fizičke dimenzije ispisa ili pronađite sliku veće rezolucije.

Greška 2: Promjena dimenzija bez zadržavanja omjera

Kada ručno mijenjate širinu i visinu slike bez zaključavanja omjera stranica, slika postaje iskrivljena - ljudi izgledaju preširoki ili previsoki.

Rješenje: U svim programima za obradu slika koristite opciju "Constrain Proportions", "Lock Aspect Ratio" ili ikonu lančića koja povezuje širinu i visinu.

Greška 3: Povećanje male slike

Digitalno povećanje slike ne dodaje detalje - samo povećava postojeće piksele, što rezultira zamućenom slikom.

Rješenje: Uvijek radite s originalnom slikom najveće moguće rezolucije. Ako morate povećati sliku, koristite AI alate za upscaling (npr. Topaz Gigapixel, waifu2x) koji mogu inteligentno dodati detalje.

Greška 4: Zanemarivanje veličine datoteke

Slika dimenzija 5000 × 5000 px može imati 10-20 MB, što usporava učitavanje web stranice.

Rješenje: Za web optimizirajte slike na potrebnu veličinu. Nikada ne učitavajte sliku veću od dimenzija na kojima će se prikazivati. Koristite alate za kompresiju poput TinyPNG ili ImageOptim.

Alati i programi za rad s dimenzijama slika

Besplatni online alati

  • Pixelcalculator.com - Brzi kalkulator za pretvorbu piksela u cm/inče i obrnuto
  • ResizeImage.net - Promjena dimenzija slika direktno u browseru
  • TinyPNG - Kompresija slika bez vidljivog gubitka kvalitete
  • Canva - Dizajn alat s predefiniranim dimenzijama za društvene mreže

Desktop programi

  • Adobe Photoshop - Profesionalni standard za obradu slika s naprednim opcijama za upravljanje dimenzijama i rezolucijom
  • GIMP - Besplatna alternativa Photoshopu s svim osnovnim funkcijama
  • IrfanView - Brz i jednostavan pregljednik slika s opcijama za batch promjenu veličine
  • XnView - Sveobuhvatan alat za upravljanje i obradu slika

Mobilne aplikacije

  • Photo Resizer (Android/iOS) - Jednostavna promjena dimenzija na mobitelu
  • Image Size (iOS) - Precizna kontrola nad dimenzijama i kvalitetom
  • Snapseed - Googlov besplatni editor s opcijama za promjenu veličine

Optimizacija slika za različite platforme

Društvene mreže

Društvene mreže često mijenjaju preporučene dimenzije, ali ovi standardi su stabilni:

  • Facebook: Profilna slika 180×180 px, cover fotografija 820×312 px, objave 1200×630 px
  • Instagram: Feed post 1080×1080 px (kvadrat) ili 1080×1350 px (portret), Stories 1080×1920 px
  • LinkedIn: Profilna slika 400×400 px, cover 1584×396 px, objave 1200×627 px
  • Twitter/X: Profilna slika 400×400 px, header 1500×500 px, objave 1200×675 px

Web stranice

Za web stranice ključna je ravnoteža između kvalitete i brzine učitavanja:

  • Hero slike: 1920×1080 px (Full HD), optimizirane na 200-300 KB
  • Thumbnail slike: 300×200 px ili 400×300 px, optimizirane na 30-50 KB
  • Blog slike: 1200×630 px (za dijeljenje na društvenim mrežama)
  • Ikone i logotipi: SVG format (vektorski) ili PNG s transparentnom pozadinom

E-commerce

Prodajne platforme zahtijevaju visokokvalitetne slike proizvoda:

  • Glavna slika proizvoda: Minimalno 1000×1000 px (omogućava zoom funkciju)
  • Galerija slika: 800×800 px ili veće
  • Thumbnail u listi: 300×300 px
  • Omjer stranica: 1:1 (kvadrat) za konzistentnost

Napredne tehnike: Responzivne slike i retina ekrani

Retina i high-DPI ekrani

Apple Retina ekrani i drugi high-DPI ekrani imaju dvostruko ili trostruko veću gustoću piksela od standardnih ekrana. Slika dimenzija 100×100 px na retina ekranu zapravo treba 200×200 px ili 300×300 px za oštar prikaz.

Rješenje:

  • Kreirajte slike u 2x ili 3x veličini (npr. 600×600 px za prikaz od 300×300 px)
  • Koristite CSS za skaliranje: width: 300px; height: 300px;
  • Implementirajte srcset atribut u HTML-u za automatski odabir odgovarajuće verzije

Responzivne slike

Responzivne slike prilagođavaju se veličini ekrana, štedeći bandwidth na mobilnim uređajima:

  • Koristite <picture> element za različite verzije slike
  • Definirajte breakpointe za različite veličine ekrana
  • Pripremite slike u 3-4 različite veličine (mobile, tablet, desktop, large desktop)
  • Koristite lazy loading za slike koje nisu odmah vidljive

Pravni aspekti i autorska prava slika

Prilikom rada s dimenzijama slika važno je poštovati autorska prava originalnih fotografa i dizajnera. Promjena dimenzija ne mijenja vlasništvo nad slikom niti omogućava slobodno korištenje zaštićenih sadržaja.

Sigurni izvori slika

  • Creative Commons - Slike s jasno definiranim licencijskim uvjetima
  • Unsplash, Pexels, Pixabay - Besplatne stock fotografije
  • Shutterstock, Getty Images - Komercijalne stock fotografije
  • Vlastite fotografije - Najsigurnija opcija za komercijalno korištenje

Tehnički standardi za različite industrije

Industrija Minimalne dimenzije Preporučeni DPI Format datoteke Maksimalna veličina
Tiskarstvo 300 DPI za finalne dimenzije 300-600 TIFF, PDF Bez ograničenja
Web dizajn 72 DPI, responzivno 72-144 JPEG, PNG, WebP 500 KB
Fotografija Minimalno 2000×2000 px 300 RAW, TIFF Bez ograničenja
E-commerce 1000×1000 px 72-150 JPEG, PNG 200 KB
Outdoor oglašavanje 150 DPI za finalne dimenzije 150-300 TIFF, PDF Bez ograničenja

Budućnost tehnologije slika

Nadolazeće tehnologije koje utječu na dimenzije slika:

  • 8K rezolucija (7680×4320 px) - Postaje standard za profesionalnu produkciju
  • AI upscaling - Omogućava povećanje slika bez gubitka kvalitete
  • AVIF i HEIF formati - Bolju kompresiju od JPEG-a uz istu kvalitetu
  • Foveated rendering - Optimizacija za VR i AR aplikacije
  • Computational photography - Kombiniranje više slika za bolju kvalitetu

Izvori

Često postavljana pitanja

Koliko piksela treba za kvalitetnu fotografiju 10×15 cm?+

Za fotografiju 10×15 cm u kvaliteti za tisak potrebno je minimalno 1181×1772 piksela pri 300 DPI. Formula: 10 cm × 300 DPI × 0.3937 = 1181 px širine, 15 cm × 300 DPI × 0.3937 = 1772 px visine. Za kućni tisak dovoljno je 150 DPI, što znači 591×886 piksela.

Zašto se moja slika zamućuje kada je povećam?+

Slika se zamućuje jer digitalno povećanje ne dodaje nove piksele s detaljima, već samo povećava postojeće piksele. Kada sliku povećate preko njezine originalne rezolucije, svaki piksel postaje veći i vidljiviji, što rezultira "pikseliziranim" ili zamućenim izgledom. Rješenje je korištenje slike veće originalne rezolucije.

Koja je razlika između 72 DPI i 300 DPI za web stranice?+

Za web stranice nema praktične razlike između 72 DPI i 300 DPI jer web preglednici prikazuju slike prema pikselima, ne prema DPI vrijednosti. Važne su samo dimenzije u pikselima. Slika 1200×800 px izgledat će isto na webu bez obzira je li označena kao 72 DPI ili 300 DPI. DPI postaje važan tek za tisak.

Mogu li koristiti sliku s Instagrama za tisak plakata?+

Instagram slike obično imaju maksimalno 1080×1080 piksela, što je nedovoljno za kvalitetni tisak većih formata. Za plakat A2 (42×59.4 cm) pri 300 DPI potrebno je 4961×7016 piksela. Instagram slika bila bi dovoljno kvalitetna samo za tisak do 9×9 cm pri 300 DPI ili 18×18 cm pri 150 DPI.

Izvori i reference

Povezani članci

Ne postoji work-life balance: Pitanje je koga žrtvujete dok gradite “uspjeh”Ne postoji work-life balance: Pitanje je koga žrtvujete dok gradite “uspjeh”Vodič kroz tempo, dinamiku i nevidljivu dušu notnog zapisaVodič kroz tempo, dinamiku i nevidljivu dušu notnog zapisaKako su kvintakordi postali tajni kod popularne glazbeKako su kvintakordi postali tajni kod popularne glazbeKako poslodavci traže “motivaciju za 800 eura” dok im najbolji kandidati okreću leđa Kako poslodavci traže “motivaciju za 800 eura” dok im najbolji kandidati okreću leđa JMBG vs. OIB: Zašto je država promijenila identifikacijski kod svakog građaninaJMBG vs. OIB: Zašto je država promijenila identifikacijski kod svakog građanina
Kako izračunati dimenziju slike | Izračun broja piksela po cm | kako.hr