{"id":15032,"date":"2025-06-10T20:22:07","date_gmt":"2025-06-10T18:22:07","guid":{"rendered":"https:\/\/strongweb.net\/?p=15032"},"modified":"2025-06-10T20:22:07","modified_gmt":"2025-06-10T18:22:07","slug":"smanjenje-velicine-slika-wordpress","status":"publish","type":"post","link":"https:\/\/strongweb.net\/sr\/smanjenje-velicine-slika-wordpress\/","title":{"rendered":"Kako optimizovati slike za br\u017ei WordPress"},"content":{"rendered":"<h2 id=\"zatosuoptimizovaneslikevane\">Za\u0161to su optimizovane slike va\u017ene<\/h2>\n<p>Brzo u\u010ditavanje drasti\u010dno menja pona\u0161anje posetioca. Spore stranice odbijaju korisnike i sni\u017eavaju pozicije u pretragama. Evo za\u0161to optimizovane slike moraju biti tvoj prvi zadatak:<\/p>\n<ul>\n<li>Smanjuje\u0161 ukupnu veli\u010dinu stranice  <\/li>\n<li>Pobolj\u0161ava\u0161 First Contentful Paint i Largest Contentful Paint  <\/li>\n<li>Smanjuje\u0161 stopu napu\u0161tanja sajta  <\/li>\n<li>Podi\u017ee\u0161 konverzije i prihode  <\/li>\n<\/ul>\n<p><strong>Da li \u017eeli\u0161 bolju SEO ocenu?<\/strong> Optimizacija vizuala direktno uti\u010de na Core Web Vitals kriterijume, a time i na rangiranje u Google pretrazi.<\/p>\n<h2 id=\"izaberipraviformat\">Izaberi pravi format<\/h2>\n<p>Svaki tip sadr\u017eaja zahteva druga\u010diji format fajla. Pogledaj tabelu i odlu\u010di se:<\/p>\n<table>\n<thead>\n<tr>\n<th>Format<\/th>\n<th>Preporu\u010dena upotreba<\/th>\n<th>Prednosti<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>JPEG<\/td>\n<td>Fotografije<\/td>\n<td>Mala veli\u010dina uz prihvatljiv kvalitet<\/td>\n<\/tr>\n<tr>\n<td>PNG<\/td>\n<td>Ikonice, grafike, logoi<\/td>\n<td>Transparentnost, o\u0161tre linije<\/td>\n<\/tr>\n<tr>\n<td>WebP<\/td>\n<td>Fotografije i web sadr\u017eaj<\/td>\n<td>Bolja kompresija od JPEG i PNG<\/td>\n<\/tr>\n<tr>\n<td>AVIF<\/td>\n<td>Visokokvalitetne fotografije<\/td>\n<td>Najmanja veli\u010dina, sve\u017ea podr\u0161ka<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Ako tvoj theme ili plugin ne podr\u017eava AVIF, koristi WebP kao univerzalnu zamenu.<\/p>\n<h2 id=\"prilagodidimenzijeslike\">Prilagodi dimenzije slike<\/h2>\n<p>Ru\u010dnim smanjenjem \u0161irine i visine slika olak\u0161a\u0107e\u0161 browseru da prika\u017ee sadr\u017eaj:<\/p>\n<ul>\n<li>Izmeri maksimalnu \u0161irinu kolone u kojoj se slika pojavljuje  <\/li>\n<li>Za \u201cfull-width\u201d banere koristi 1200\u20131600 px  <\/li>\n<li>Za thumbneil slike dr\u017ei se 300\u2013400 px  <\/li>\n<li>Nikada ne oslanjaj se na CSS skaliranje da prilagodi\u0161 veliku sliku  <\/li>\n<\/ul>\n<p><strong>Za\u0161to izbe\u0107i CSS-skaliranje?<\/strong> Jer pregleda\u010di ionako moraju u\u010ditati veliku datoteku, pa skra\u0107ivanje u kodu ne ubrzava u\u010ditavanje.<\/p>\n<h2 id=\"primeniefikasnukompresiju\">Primeni efikasnu kompresiju<\/h2>\n<p>Fizi\u010dko prilago\u0111avanje dimenzija poma\u017ee, ali prava u\u0161teda dolazi kompresijom fajla.<\/p>\n<h3 id=\"razlikujkompresijusgubitkomibez\">Razlikuj kompresiju s gubitkom i bez<\/h3>\n<ul>\n<li>Kompresija bez gubitka (lossless) sa\u010duva sve piksele, ali nudi manju u\u0161tedu prostora  <\/li>\n<li>Kompresija s gubitkom (lossy) elimini\u0161e ne\u0161to detalja da bi zna\u010dajno smanjila fajl  <\/li>\n<\/ul>\n<h3 id=\"korienjeonlinealata\">Kori\u0161\u0107enje online alata<\/h3>\n<p>Ako ne \u017eeli\u0161 dodatni plugin, iskoristi besplatne servise:<\/p>\n<ul>\n<li>TinyPNG ili TinyJPG  <\/li>\n<li>ImageOptim (macOS aplikacija)  <\/li>\n<li>Google Squoosh (lokalna obrada u browseru)  <\/li>\n<\/ul>\n<p><strong>Ali tu je kvaka<\/strong> \u2013 besplatne verzije \u010desto imaju ograni\u010denje broja slika po danu.<\/p>\n<h2 id=\"uvedipluginzaoptimizaciju\">Uvedi plugin za optimizaciju<\/h2>\n<p>Automatska kompresija prilikom svakog upload-a \u0161tedi sate ru\u010dnog rada i dosledno smanjuje veli\u010dinu fajlova.<\/p>\n<h3 id=\"najboljiwordpresspluginzabrzinu\">Najbolji WordPress plugin za brzinu<\/h3>\n<p>Isprobaj <a href=\"https:\/\/strongweb.net\/najbolji-wordpress-plugin-za-brzinu\">najbolji wordpress plugin za brzinu<\/a> koji podr\u017eava:<\/p>\n<ul>\n<li>Automatsku kompresiju svih formata  <\/li>\n<li>Konverziju u WebP i AVIF  <\/li>\n<li>CDN akceleraciju slika  <\/li>\n<\/ul>\n<h3 id=\"podeavanjeparametara\">Pode\u0161avanje parametara<\/h3>\n<ol>\n<li>Omogu\u0107i kompresiju prilikom upload-a  <\/li>\n<li>Ukloni EXIF metapodatke da dodatno skine\u0161 kilobajte  <\/li>\n<li>Postavi kvalitet slike na 70\u201380 %  <\/li>\n<li>Generi\u0161i WebP verziju za podr\u017eane pretra\u017eiva\u010de  <\/li>\n<\/ol>\n<h2 id=\"omoguilazyloading\">Omogu\u0107i lazy loading<\/h2>\n<p>Odlo\u017eeno u\u010ditavanje slika smanjuje broj HTTP zahteva na po\u010detku, pa gornji deo stranice isko\u010di br\u017ee.<\/p>\n<ul>\n<li>WordPress po defaultu podr\u017eava loading=&#8220;lazy&#8220; od verzije 5.5  <\/li>\n<li>Proveri da li tvoj theme ili dodatak podr\u017eavaju <a href=\"https:\/\/strongweb.net\/lazy-loading-wordpress\">lazy loading wordpress<\/a>  <\/li>\n<li>Izuzmi Hero sekciju ili logotip kako ne bi do\u0161lo do vizuelnih \u201crespina\u201d  <\/li>\n<\/ul>\n<p><strong>\u0160ta dobija\u0161?<\/strong> Zna\u010dajno br\u017ei First Contentful Paint i bolje ocene u Mobile Speed testovima.<\/p>\n<h2 id=\"odravajstalnubrzinusajta\">Odr\u017eavaj stalnu brzinu sajta<\/h2>\n<p>Optimizacija slika je samo po\u010detak. Kontinuirano odr\u017eavanje garantuje da sajt ne uspori ponovo.<\/p>\n<h3 id=\"implementirajkeiranje\">Implementiraj ke\u0161iranje<\/h3>\n<p>Ke\u0161iranje skra\u0107uje vreme u\u010ditavanja na ponovnim posetama. Poseti <a href=\"https:\/\/strongweb.net\/kesiranje-wordpress\">ke\u0161iranje wordpress<\/a> da izabere\u0161 metod:<\/p>\n<ul>\n<li>Browser cache  <\/li>\n<li>Server-side cache  <\/li>\n<li>CDN distribucija  <\/li>\n<\/ul>\n<h3 id=\"minifikujcssijs\">Minifikuj CSS i JS<\/h3>\n<p>Ukloni suvi\u0161ne razmake i komentare iz stilova i skripti. Vi\u0161e saveta u <a href=\"https:\/\/strongweb.net\/wordpress-css-i-js-optimizacija\">wordpress css i js optimizacija<\/a>.<\/p>\n<h3 id=\"izaberibrzhosting\">Izaberi brz hosting<\/h3>\n<p>Smanji TTFB tako \u0161to \u0107e\u0161 se osloniti na proverenog provajdera. Pro\u010ditaj vodi\u010d o <a href=\"https:\/\/strongweb.net\/wordpress-hosting-brzina\">wordpress hosting brzina<\/a>.<\/p>\n<h3 id=\"pratiperformanse\">Prati performanse<\/h3>\n<p>Redovno meri klju\u010dne metrike:<\/p>\n<ul>\n<li>Time to First Byte (TTFB)  <\/li>\n<li>Largest Contentful Paint (LCP)  <\/li>\n<li>First Input Delay (FID)  <\/li>\n<li>Cumulative Layout Shift (CLS)  <\/li>\n<\/ul>\n<p>Koristi alate kao \u0161to su <a href=\"https:\/\/strongweb.net\/gtmetrix-wordpress-analiza\">gtmetrix wordpress analiza<\/a>, <a href=\"https:\/\/strongweb.net\/mobilna-brzina-wordpress\">mobilna brzina wordpress<\/a> i vodi ra\u010duna o preporukama iz <a href=\"https:\/\/strongweb.net\/core-web-vitals-wordpress\">core web vitals wordpress<\/a>.<\/p>\n<h2 id=\"zakljuak\">Zaklju\u010dak<\/h2>\n<p>Slede\u0107i ove korake posti\u017ee\u0161 vidljivo ubrzanje bez programerske intervencije. Kombinuj izbor formata, prilago\u0111avanje dimenzija, kompresiju i automatske alate da zadivi\u0161 posetioce brzinom. Za sveobuhvatnu <a href=\"https:\/\/strongweb.net\/optimizacija-wordpress-sajta\">optimizacija wordpress sajta<\/a>, nastavi da razvija\u0161 strategiju i proverava\u0161 rezultate. Po\u010dni odmah i pretvori svoj sajt u ma\u0161inu za konverzije.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Optimizujte slike za br\u017ei WordPress bez stresa! Saznajte kako smanjiti veli\u010dinu slika jednostavno!<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[319],"tags":[],"class_list":["post-15032","post","type-post","status-publish","format-standard","hentry","category-wordpress-optimizacija"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.1 (Yoast SEO v25.3) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Kako optimizovati slike za br\u017ei WordPress | StrongWeb! Creative Group<\/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:\/\/strongweb.net\/sr\/smanjenje-velicine-slika-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"sr_RS\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kako optimizovati slike za br\u017ei WordPress\" \/>\n<meta property=\"og:description\" content=\"Optimizujte slike za br\u017ei WordPress bez stresa! Saznajte kako smanjiti veli\u010dinu slika jednostavno!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/strongweb.net\/sr\/smanjenje-velicine-slika-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"StrongWeb! Creative Group\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/strongwebcreative\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-10T18:22:07+00:00\" \/>\n<meta name=\"author\" content=\"Bo\u0161ko Radulovi\u0107\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@strongweb\" \/>\n<meta name=\"twitter:site\" content=\"@strongweb\" \/>\n<meta name=\"twitter:label1\" content=\"\u041d\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u043e\u0434\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bo\u0161ko Radulovi\u0107\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u041f\u0440\u043e\u0446\u0435\u045a\u0435\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u0447\u0438\u0442\u0430\u045a\u0430\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 \u043c\u0438\u043d\u0443\u0442\u0430\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Kako optimizovati slike za br\u017ei WordPress | StrongWeb! Creative Group","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:\/\/strongweb.net\/sr\/smanjenje-velicine-slika-wordpress\/","og_locale":"sr_RS","og_type":"article","og_title":"Kako optimizovati slike za br\u017ei WordPress","og_description":"Optimizujte slike za br\u017ei WordPress bez stresa! Saznajte kako smanjiti veli\u010dinu slika jednostavno!","og_url":"https:\/\/strongweb.net\/sr\/smanjenje-velicine-slika-wordpress\/","og_site_name":"StrongWeb! Creative Group","article_publisher":"https:\/\/www.facebook.com\/strongwebcreative","article_published_time":"2025-06-10T18:22:07+00:00","author":"Bo\u0161ko Radulovi\u0107","twitter_card":"summary_large_image","twitter_creator":"@strongweb","twitter_site":"@strongweb","twitter_misc":{"\u041d\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u043e\u0434":"Bo\u0161ko Radulovi\u0107","\u041f\u0440\u043e\u0446\u0435\u045a\u0435\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u0447\u0438\u0442\u0430\u045a\u0430":"3 \u043c\u0438\u043d\u0443\u0442\u0430"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/strongweb.net\/sr\/smanjenje-velicine-slika-wordpress\/#article","isPartOf":{"@id":"https:\/\/strongweb.net\/sr\/smanjenje-velicine-slika-wordpress\/"},"author":{"name":"Bo\u0161ko Radulovi\u0107","@id":"https:\/\/strongweb.net\/#\/schema\/person\/0f694c17e62c2cf0969fc6d4117d6c27"},"headline":"Kako optimizovati slike za br\u017ei WordPress","datePublished":"2025-06-10T18:22:07+00:00","mainEntityOfPage":{"@id":"https:\/\/strongweb.net\/sr\/smanjenje-velicine-slika-wordpress\/"},"wordCount":665,"commentCount":0,"publisher":{"@id":"https:\/\/strongweb.net\/#organization"},"articleSection":["WordPress optimizacija"],"inLanguage":"sr-RS","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/strongweb.net\/sr\/smanjenje-velicine-slika-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/strongweb.net\/sr\/smanjenje-velicine-slika-wordpress\/","url":"https:\/\/strongweb.net\/sr\/smanjenje-velicine-slika-wordpress\/","name":"Kako optimizovati slike za br\u017ei WordPress | StrongWeb! Creative Group","isPartOf":{"@id":"https:\/\/strongweb.net\/#website"},"datePublished":"2025-06-10T18:22:07+00:00","breadcrumb":{"@id":"https:\/\/strongweb.net\/sr\/smanjenje-velicine-slika-wordpress\/#breadcrumb"},"inLanguage":"sr-RS","potentialAction":[{"@type":"ReadAction","target":["https:\/\/strongweb.net\/sr\/smanjenje-velicine-slika-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/strongweb.net\/sr\/smanjenje-velicine-slika-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/strongweb.net\/sr\/"},{"@type":"ListItem","position":2,"name":"Kako optimizovati slike za br\u017ei WordPress"}]},{"@type":"WebSite","@id":"https:\/\/strongweb.net\/#website","url":"https:\/\/strongweb.net\/","name":"StrongWeb! Creative Group","description":"Graphic Design Agency","publisher":{"@id":"https:\/\/strongweb.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/strongweb.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sr-RS"},{"@type":"Organization","@id":"https:\/\/strongweb.net\/#organization","name":"StrongWeb Creative Group","url":"https:\/\/strongweb.net\/","logo":{"@type":"ImageObject","inLanguage":"sr-RS","@id":"https:\/\/strongweb.net\/#\/schema\/logo\/image\/","url":"https:\/\/strongweb.net\/wp-content\/uploads\/2021\/08\/strongweb.logo_.png","contentUrl":"https:\/\/strongweb.net\/wp-content\/uploads\/2021\/08\/strongweb.logo_.png","width":1000,"height":1000,"caption":"StrongWeb Creative Group"},"image":{"@id":"https:\/\/strongweb.net\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/strongwebcreative","https:\/\/x.com\/strongweb","https:\/\/www.instagram.com\/strongwebcreative\/"]},{"@type":"Person","@id":"https:\/\/strongweb.net\/#\/schema\/person\/0f694c17e62c2cf0969fc6d4117d6c27","name":"Bo\u0161ko Radulovi\u0107","image":{"@type":"ImageObject","inLanguage":"sr-RS","@id":"https:\/\/strongweb.net\/#\/schema\/person\/image\/","url":"https:\/\/strongweb.net\/wp-content\/uploads\/2025\/06\/cropped-bosko_gravatar-96x96.png","contentUrl":"https:\/\/strongweb.net\/wp-content\/uploads\/2025\/06\/cropped-bosko_gravatar-96x96.png","caption":"Bo\u0161ko Radulovi\u0107"},"url":"https:\/\/strongweb.net\/sr\/author\/bosko\/"}]}},"_links":{"self":[{"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/posts\/15032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/comments?post=15032"}],"version-history":[{"count":1,"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/posts\/15032\/revisions"}],"predecessor-version":[{"id":15334,"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/posts\/15032\/revisions\/15334"}],"wp:attachment":[{"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/media?parent=15032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/categories?post=15032"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/strongweb.net\/sr\/wp-json\/wp\/v2\/tags?post=15032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}