{"id":333,"date":"2026-05-15T19:41:44","date_gmt":"2026-05-15T17:41:44","guid":{"rendered":"https:\/\/gorankostic.com\/blog\/?p=333"},"modified":"2026-05-15T19:41:45","modified_gmt":"2026-05-15T17:41:45","slug":"image-optimization","status":"publish","type":"post","link":"https:\/\/gorankostic.com\/blog\/2026\/05\/15\/image-optimization\/","title":{"rendered":"Image Optimization"},"content":{"rendered":"\n

Image Optimization<\/h2>\n\n\n\n

Excerpt:<\/strong>
Image optimization obuhvata pripremu slika tako da zadr\u017ee dobar vizuelni kvalitet, ali bez nepotrebne te\u017eine koja usporava sajt. Pravilne dimenzije, kompresija, moderni formati i odgovaraju\u0107e u\u010ditavanje direktno uti\u010du na brzinu, UX i konverzije.<\/p>\n\n\n\n

Blog \u010dlanak:<\/strong><\/p>\n\n\n\n

Slike su \u010desto najve\u0107i resursi na web stranici. Hero fotografije, galerije, product slike, portfolio prikazi, banneri i ilustracije mogu zna\u010dajno usporiti u\u010ditavanje ako nisu pravilno optimizovani.<\/p>\n\n\n\n

Prvi korak je izbor odgovaraju\u0107ih dimenzija. Nema potrebe da se slika od nekoliko hiljada piksela u\u010ditava ako se na stranici prikazuje u mnogo manjoj veli\u010dini. Prevelike slike tro\u0161e bandwidth, usporavaju browser i pogor\u0161avaju prvi prikaz stranice.<\/p>\n\n\n\n

Kompresija je drugi va\u017ean deo. Dobra kompresija smanjuje veli\u010dinu fajla bez vidljivog gubitka kvaliteta. Cilj nije da slika izgleda lo\u0161e, ve\u0107 da se uklone nepotrebni podaci koji ne doprinose korisni\u010dkom iskustvu.<\/p>\n\n\n\n

Moderni formati kao \u0161to su WebP i AVIF mogu zna\u010dajno smanjiti te\u017einu slika u odnosu na klasi\u010dne JPEG i PNG fajlove. Ipak, format treba birati prema tipu slike, kompatibilnosti i realnom prikazu na sajtu.<\/p>\n\n\n\n

Hero slike zahtevaju poseban tretman. One \u010desto uti\u010du na LCP metriku, pa ne bi trebalo da se u\u010ditavaju prekasno ili kroz pogre\u0161no pode\u0161en lazy loading. Glavna slika iznad prvog preklopa treba da bude optimizovana, ali i brzo dostupna.<\/p>\n\n\n\n

Lazy loading je koristan za slike koje se nalaze ni\u017ee na stranici. Galerije, dodatne ilustracije i slike u dugim blog tekstovima mogu se u\u010ditavati tek kada korisnik do\u0111e blizu njih. Time se smanjuje po\u010detno optere\u0107enje stranice.<\/p>\n\n\n\n

Va\u017eno je definisati \u0161irinu i visinu slike u HTML-u ili kroz layout sistem. Ako browser ne zna prostor koji slika zauzima, sadr\u017eaj mo\u017ee skakati tokom u\u010ditavanja. To stvara lo\u0161 UX i negativno uti\u010de na vizuelnu stabilnost stranice.<\/p>\n\n\n\n

Kod WordPress i WooCommerce sajtova image optimization \u010desto uklju\u010duje proveru media library-ja, automatskih thumbnail dimenzija, product image pode\u0161avanja i slika koje u\u010ditavaju teme ili builderi. Veliki broj neoptimizovanih uploadova mo\u017ee vremenom ozbiljno opteretiti sajt.<\/p>\n\n\n\n

ALT tekst ne uti\u010de direktno na te\u017einu slike, ali je va\u017ean deo kvalitetne image optimizacije. Dobro napisan opis poma\u017ee pristupa\u010dnosti, SEO kontekstu i boljem razumevanju sadr\u017eaja stranice.<\/p>\n\n\n\n

Image optimization daje vidljiv rezultat kada se radi sistematski. Kada su slike pravilno dimenzionisane, kompresovane, formatirane i u\u010ditane u pravom trenutku, sajt postaje br\u017ei, stabilniji i prijatniji za kori\u0161\u0107enje.<\/p>\n","protected":false},"excerpt":{"rendered":"

Image optimization obuhvata pripremu slika tako da zadr\u017ee dobar vizuelni kvalitet, ali bez nepotrebne te\u017eine koja usporava sajt. Pravilne dimenzije, kompresija, moderni formati i odgovaraju\u0107e […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19,17],"tags":[],"class_list":["post-333","post","type-post","status-publish","format-standard","hentry","category-performance-optimization","category-recovery-optimization"],"yoast_head":"\nImage Optimization - Goran Kostic Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/gorankostic.com\/blog\/2026\/05\/15\/image-optimization\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Image Optimization\" \/>\n<meta property=\"og:description\" content=\"Image optimization obuhvata pripremu slika tako da zadr\u017ee dobar vizuelni kvalitet, ali bez nepotrebne te\u017eine koja usporava sajt. Pravilne dimenzije, kompresija, moderni formati i odgovaraju\u0107e […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/gorankostic.com\/blog\/2026\/05\/15\/image-optimization\/\" \/>\n<meta property=\"og:site_name\" content=\"Goran Kostic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-15T17:41:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-15T17:41:45+00:00\" \/>\n<meta name=\"author\" content=\"WebixDesign\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"WebixDesign\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/gorankostic.com\\\/blog\\\/2026\\\/05\\\/15\\\/image-optimization\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/gorankostic.com\\\/blog\\\/2026\\\/05\\\/15\\\/image-optimization\\\/\"},\"author\":{\"name\":\"WebixDesign\",\"@id\":\"https:\\\/\\\/gorankostic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0f800bfa90359ff9d2204020d58099c8\"},\"headline\":\"Image Optimization\",\"datePublished\":\"2026-05-15T17:41:44+00:00\",\"dateModified\":\"2026-05-15T17:41:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/gorankostic.com\\\/blog\\\/2026\\\/05\\\/15\\\/image-optimization\\\/\"},\"wordCount\":415,\"commentCount\":0,\"articleSection\":[\"Performance Optimization\",\"RECOVERY & OPTIMIZATION\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/gorankostic.com\\\/blog\\\/2026\\\/05\\\/15\\\/image-optimization\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/gorankostic.com\\\/blog\\\/2026\\\/05\\\/15\\\/image-optimization\\\/\",\"url\":\"https:\\\/\\\/gorankostic.com\\\/blog\\\/2026\\\/05\\\/15\\\/image-optimization\\\/\",\"name\":\"Image Optimization - Goran Kostic Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/gorankostic.com\\\/blog\\\/#website\"},\"datePublished\":\"2026-05-15T17:41:44+00:00\",\"dateModified\":\"2026-05-15T17:41:45+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/gorankostic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0f800bfa90359ff9d2204020d58099c8\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/gorankostic.com\\\/blog\\\/2026\\\/05\\\/15\\\/image-optimization\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/gorankostic.com\\\/blog\\\/2026\\\/05\\\/15\\\/image-optimization\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/gorankostic.com\\\/blog\\\/2026\\\/05\\\/15\\\/image-optimization\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/gorankostic.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Image Optimization\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/gorankostic.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/gorankostic.com\\\/blog\\\/\",\"name\":\"Goran Kostic Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/gorankostic.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/gorankostic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0f800bfa90359ff9d2204020d58099c8\",\"name\":\"WebixDesign\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0b4c4d73af3b6d4c23d5191555e82cdc78a86604f69eae8d2c3d23e45d3967c5?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0b4c4d73af3b6d4c23d5191555e82cdc78a86604f69eae8d2c3d23e45d3967c5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0b4c4d73af3b6d4c23d5191555e82cdc78a86604f69eae8d2c3d23e45d3967c5?s=96&d=mm&r=g\",\"caption\":\"WebixDesign\"},\"sameAs\":[\"https:\\\/\\\/gorankostic.com\\\/blog\"],\"url\":\"https:\\\/\\\/gorankostic.com\\\/blog\\\/author\\\/webixdesign\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Image Optimization - Goran Kostic Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/gorankostic.com\/blog\/2026\/05\/15\/image-optimization\/","og_locale":"en_US","og_type":"article","og_title":"Image Optimization","og_description":"Image optimization obuhvata pripremu slika tako da zadr\u017ee dobar vizuelni kvalitet, ali bez nepotrebne te\u017eine koja usporava sajt. Pravilne dimenzije, kompresija, moderni formati i odgovaraju\u0107e […]","og_url":"https:\/\/gorankostic.com\/blog\/2026\/05\/15\/image-optimization\/","og_site_name":"Goran Kostic Blog","article_published_time":"2026-05-15T17:41:44+00:00","article_modified_time":"2026-05-15T17:41:45+00:00","author":"WebixDesign","twitter_card":"summary_large_image","twitter_misc":{"Written by":"WebixDesign","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/gorankostic.com\/blog\/2026\/05\/15\/image-optimization\/#article","isPartOf":{"@id":"https:\/\/gorankostic.com\/blog\/2026\/05\/15\/image-optimization\/"},"author":{"name":"WebixDesign","@id":"https:\/\/gorankostic.com\/blog\/#\/schema\/person\/0f800bfa90359ff9d2204020d58099c8"},"headline":"Image Optimization","datePublished":"2026-05-15T17:41:44+00:00","dateModified":"2026-05-15T17:41:45+00:00","mainEntityOfPage":{"@id":"https:\/\/gorankostic.com\/blog\/2026\/05\/15\/image-optimization\/"},"wordCount":415,"commentCount":0,"articleSection":["Performance Optimization","RECOVERY & OPTIMIZATION"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/gorankostic.com\/blog\/2026\/05\/15\/image-optimization\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/gorankostic.com\/blog\/2026\/05\/15\/image-optimization\/","url":"https:\/\/gorankostic.com\/blog\/2026\/05\/15\/image-optimization\/","name":"Image Optimization - Goran Kostic Blog","isPartOf":{"@id":"https:\/\/gorankostic.com\/blog\/#website"},"datePublished":"2026-05-15T17:41:44+00:00","dateModified":"2026-05-15T17:41:45+00:00","author":{"@id":"https:\/\/gorankostic.com\/blog\/#\/schema\/person\/0f800bfa90359ff9d2204020d58099c8"},"breadcrumb":{"@id":"https:\/\/gorankostic.com\/blog\/2026\/05\/15\/image-optimization\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/gorankostic.com\/blog\/2026\/05\/15\/image-optimization\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/gorankostic.com\/blog\/2026\/05\/15\/image-optimization\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/gorankostic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Image Optimization"}]},{"@type":"WebSite","@id":"https:\/\/gorankostic.com\/blog\/#website","url":"https:\/\/gorankostic.com\/blog\/","name":"Goran Kostic Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/gorankostic.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/gorankostic.com\/blog\/#\/schema\/person\/0f800bfa90359ff9d2204020d58099c8","name":"WebixDesign","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/0b4c4d73af3b6d4c23d5191555e82cdc78a86604f69eae8d2c3d23e45d3967c5?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0b4c4d73af3b6d4c23d5191555e82cdc78a86604f69eae8d2c3d23e45d3967c5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0b4c4d73af3b6d4c23d5191555e82cdc78a86604f69eae8d2c3d23e45d3967c5?s=96&d=mm&r=g","caption":"WebixDesign"},"sameAs":["https:\/\/gorankostic.com\/blog"],"url":"https:\/\/gorankostic.com\/blog\/author\/webixdesign\/"}]}},"_links":{"self":[{"href":"https:\/\/gorankostic.com\/blog\/wp-json\/wp\/v2\/posts\/333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gorankostic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gorankostic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gorankostic.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gorankostic.com\/blog\/wp-json\/wp\/v2\/comments?post=333"}],"version-history":[{"count":1,"href":"https:\/\/gorankostic.com\/blog\/wp-json\/wp\/v2\/posts\/333\/revisions"}],"predecessor-version":[{"id":334,"href":"https:\/\/gorankostic.com\/blog\/wp-json\/wp\/v2\/posts\/333\/revisions\/334"}],"wp:attachment":[{"href":"https:\/\/gorankostic.com\/blog\/wp-json\/wp\/v2\/media?parent=333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gorankostic.com\/blog\/wp-json\/wp\/v2\/categories?post=333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gorankostic.com\/blog\/wp-json\/wp\/v2\/tags?post=333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}