{"id":10541,"date":"2017-07-06T12:19:20","date_gmt":"2017-07-06T10:19:20","guid":{"rendered":"https:\/\/www.websupport.sk\/blog\/?p=10541"},"modified":"2025-03-11T21:07:07","modified_gmt":"2025-03-11T20:07:07","slug":"preco-a-ako-optimalizovat-obrazky-na-webstranke","status":"publish","type":"post","link":"https:\/\/www.websupport.sk\/blog\/2017\/07\/preco-a-ako-optimalizovat-obrazky-na-webstranke\/","title":{"rendered":"Pre\u010do a ako optimalizova\u0165 obr\u00e1zky na webstr\u00e1nke?"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\"><b>Doba \u010d\u00edtania:<\/b><\/span> <span class=\"rt-time\"> 3<\/span> <span class=\"rt-label rt-postfix\">min.<\/span><\/span><p>R\u00fdchlos\u0165 na\u010d\u00edtania webstr\u00e1nok je jednou z vlastnost\u00ed, pod\u013ea ktorej Google rad\u00ed v\u00fdsledky svojho vyh\u013ead\u00e1vania. Aj napriek tomu obsah str\u00e1nok zap\u013a\u0148aj\u00fa nadrozmern\u00e9 obr\u00e1zky, ktor\u00e9 ich spoma\u013euj\u00fa a mobiln\u00fdch u\u017e\u00edvate\u013eov irituj\u00fa. Rie\u0161enie, ako tomu zabr\u00e1ni\u0165, je pri tom \u00faplne jednoduch\u00e9.<\/p>\n<p class=\"p1\"><span class=\"s1\">D\u00f4le\u017eitos\u0165 r\u00fdchleho na\u010d\u00edtania webstr\u00e1nok potvrdzuj\u00fa aj prieskumy. A\u017e <strong>53 % mobiln\u00fdch n\u00e1v\u0161tevn\u00edkov zru\u0161\u00ed otv\u00e1ranie str\u00e1nky, ak jej na\u010d\u00edtavanie trv\u00e1 dlh\u0161ie ako 3 sekundy<\/strong>, vypl\u00fdva zo \u0161t\u00fadie <a href=\"https:\/\/www.doubleclickbygoogle.com\/articles\/mobile-speed-matters\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"s2\">The Need for Mobile Speed<\/span><\/a>.<\/span><\/p>\n<p class=\"p1\">Pokia\u013e inzerujete na Googli, r\u00fdchlos\u0165 v\u00e1\u0161ho webu by mala by\u0165 najv\u00e4\u010d\u0161ou prioritou. Majitelia webstr\u00e1nok, ktor\u00e9 sa na mobiln\u00fdch zariadenia<strong> na\u010d\u00edtaj\u00fa do piatich sek\u00fand, dosahuj\u00fa a\u017e 2-kr\u00e1t viac konverzi\u00ed z mobilnej reklamy<\/strong> ako t\u00ed, ktor\u00fdch str\u00e1nky sa na\u010d\u00edtavaj\u00fa dlh\u0161ie.<\/p>\n<p class=\"p1\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10551 size-thumbnail\" src=\"https:\/\/www.websupport.sk\/blogoads\/sites\/2\/2017\/06\/miera-opustenia-stranky-440x290.png\" alt=\"miera-opustenia-stranky\" width=\"440\" height=\"290\" \/><\/p>\n<p class=\"p1\" style=\"text-align: center;\">Zdroj: <a href=\"https:\/\/blog.kissmetrics.com\/loading-time\/?wide=1\" target=\"_blank\" rel=\"noopener noreferrer\">Kissmetrics<\/a><\/p>\n<p class=\"p1\">Pre optimalizovanie obr\u00e1zkov by sta\u010dilo zmen\u0161i\u0165 ich form\u00e1t a rozl\u00ed\u0161enie, \u010do zvl\u00e1dne aj ten najviac basic grafick\u00fd editor. No existuj\u00fa n\u00e1stroje, ktor\u00e9 pon\u00fakaj\u00fa komplexn\u00fa optimaliz\u00e1ciu. S\u00fa to tooly, ktor\u00e9 bez zmen\u0161enia rozmerov a minim\u00e1lnej zmeny kvality dok\u00e1\u017eu <strong>zmen\u0161i\u0165 ve\u013ekos\u0165 obr\u00e1zka aj o nieko\u013eko desiatok percent<\/strong>.<\/p>\n<h2><a href=\"https:\/\/pnggauntlet.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">PNGGauntlet (Windows)<\/span><\/a><\/h2>\n<p><span style=\"font-weight: 400;\">Tento soft v sebe zah\u0155\u0148a kombin\u00e1ciu n\u00e1strojov<\/span><a href=\"https:\/\/pnggauntlet.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"> <span style=\"font-weight: 400;\">PNGOUT<\/span><\/a>,<a href=\"http:\/\/optipng.sourceforge.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00a0<span style=\"font-weight: 400;\">OptiPNG<\/span><\/a><span style=\"font-weight: 400;\">,<\/span><a href=\"https:\/\/www.dotnetperls.com\/deflopt\" target=\"_blank\" rel=\"noopener noreferrer\"> <span style=\"font-weight: 400;\">DeflOpt<\/span><\/a><span style=\"font-weight: 400;\"> a dok\u00e1\u017ee konvertova\u0165 JPG, GIF, TIFF a BMP do form\u00e1tu PNG. PNGGauntlet je dostupn\u00fd iba vo verzii pre Windows, no samotn\u00ed autori ako alternat\u00edvu pre Mac odpor\u00fa\u010daj\u00fa <\/span><a href=\"https:\/\/imageoptim.com\/mac\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">ImageOptim<\/span><\/a><span style=\"font-weight: 400;\"> alebo <\/span><a href=\"https:\/\/trimage.org\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Trimage<\/span><\/a><span style=\"font-weight: 400;\"> pre Linux.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pre\u010do PNG? Preto\u017ee pon\u00faka <\/span><b>vynikaj\u00faci pomer kvality a ve\u013ekosti<\/b><span style=\"font-weight: 400;\">, \u010do z neho rob\u00ed najvhodnej\u0161\u00ed form\u00e1t ur\u010den\u00fd pre obr\u00e1zky umiestnen\u00e9 na webe.<\/span><\/p>\n<h1><a href=\"https:\/\/compressor.io\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Compressor (online)<\/span><\/a><\/h1>\n<p><span style=\"font-weight: 400;\">Online n\u00e1stroj s podporou JPEG, PNG, GIF a SVG s\u00faborov. Dok\u00e1\u017ee komprimova\u0165 v dvoch \u00farovniach \u2013 s vysokou kompresiou alebo bez straty kvality.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-10546\" src=\"https:\/\/www.websupport.sk\/blogoads\/sites\/2\/2017\/06\/compressor-preview.png\" alt=\"optimalizacia-obrazkov-porovnanie\" width=\"1000\" height=\"662\" srcset=\"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/compressor-preview.png 1000w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/compressor-preview-440x290.png 440w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/compressor-preview-300x199.png 300w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/compressor-preview-768x508.png 768w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/compressor-preview-530x351.png 530w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<h2><a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">TinyPNG (online)<\/span><\/a><\/h2>\n<p><span style=\"font-weight: 400;\">M\u00f4j ob\u013e\u00faben\u00fd online tool na komprimovanie fotografi\u00ed. Optimalizuje a do PNG prev\u00e1dza PNG aj JPEG obr\u00e1zky. Na jednu \u0161upu ich dok\u00e1\u017ee previes\u0165 a\u017e 20, ktor\u00e9 si nesk\u00f4r m\u00f4\u017eete ulo\u017ei\u0165 na disk alebo Dropbox.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Vyzn\u00e1va\u010di offline rie\u0161en\u00ed si m\u00f4\u017eu\u00a0<\/span><a href=\"https:\/\/tinypng.com\/photoshop\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">stiahnu\u0165<\/span><\/a> <b>plug-in do Photoshopu<\/b><span style=\"font-weight: 400;\">. Pre Windows aj Mac. Podporuje CS5, CS6 aj CC.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10544 size-large\" src=\"https:\/\/www.websupport.sk\/blogoads\/sites\/2\/2017\/06\/tinypng-preview-1100x495.png\" alt=\"kvalita-komprimacie-png-obrazkov\" width=\"1100\" height=\"495\" srcset=\"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/tinypng-preview-1100x495.png 1100w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/tinypng-preview-300x135.png 300w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/tinypng-preview-768x346.png 768w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/tinypng-preview-530x238.png 530w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/tinypng-preview.png 1178w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><\/p>\n<h2><a href=\"https:\/\/www.resrc.it\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">ReSRC.it (online)<\/span><\/a><\/h2>\n<p><span style=\"font-weight: 400;\">Tento n\u00e1stroj pon\u00faka <\/span><b>dynamick\u00fa optimaliz\u00e1ciu obr\u00e1zkov pre ak\u00e9ko\u013evek zariadenie<\/b><span style=\"font-weight: 400;\">. To znamen\u00e1, \u017ee obr\u00e1zky nemaj\u00fa fixn\u00fa ve\u013ekos\u0165, ale komprimuj\u00fa sa na z\u00e1klade zariadenia priamo v k\u00f3de str\u00e1nky. ReSRC.it podporuje HiDPI rozl\u00ed\u0161enie, HTML\/CSS implement\u00e1ciu a kladie d\u00f4raz na pixel perfect.<\/span><\/p>\n<h2><a href=\"https:\/\/pngmini.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">ImageAlpha (Mac)<\/span><\/a><\/h2>\n<p><span style=\"font-weight: 400;\">N\u00e1stroj ur\u010den\u00fd pre Mac, konvertuje 24-bitov\u00e9 PNG s\u00fabory do \u00faspornej\u0161ieho 8-bitov\u00e9ho PNG form\u00e1tu. <\/span><b>Optimaliz\u00e1cia zredukuje po\u010det farieb<\/b><span style=\"font-weight: 400;\"> a t\u00fdm zmen\u0161\u00ed aj celkov\u00fa ve\u013ekos\u0165 s\u00faboru. Na v\u00fdber m\u00e1te tri \u00farovne kompresie \u2013 Median Cut, Posterizer alebo Dithered.<\/span><\/p>\n<h2><a href=\"http:\/\/www.jpegmini.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">JPEGmini (online + desktop)<\/span><\/a><\/h2>\n<p><span style=\"font-weight: 400;\">Ako je u\u017e z n\u00e1zvu jasn\u00e9, tento tool optimalizuje JPEG obr\u00e1zky. Pri zachovan\u00ed JPEG form\u00e1tu <\/span><b>dok\u00e1\u017ee zmen\u0161i\u0165 ve\u013ekos\u0165 s\u00faboru a\u017e 5-n\u00e1sobne<\/b><span style=\"font-weight: 400;\">. Okrem webov\u00e9ho rozhrania je n\u00e1stroj dostupn\u00fd aj v platenej verzii JPEGmini, Pro a Server.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-10543\" src=\"https:\/\/www.websupport.sk\/blogoads\/sites\/2\/2017\/06\/jpegmini-preview-1100x582.png\" alt=\"komprimacia-jpeg-obrazkov\" width=\"1100\" height=\"582\" srcset=\"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/jpegmini-preview-1100x582.png 1100w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/jpegmini-preview-300x159.png 300w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/jpegmini-preview-768x406.png 768w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/jpegmini-preview-530x281.png 530w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/jpegmini-preview.png 1400w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><\/p>\n<p>Pokia\u013e\u00a0v\u00e1s t\u00e9ma UX zaujala,\u00a0pre\u010d\u00edtajte si aj \u010fal\u0161ie tipy,\u00a0<strong><a href=\"https:\/\/www.websupport.sk\/blog\/2017\/02\/ako-posilnit-pouzivatelsky-zazitok-navstevnikov-stranky\/\" target=\"_blank\" rel=\"noopener noreferrer\">ako posilni\u0165 pou\u017e\u00edvate\u013esk\u00fd z\u00e1\u017eitok n\u00e1v\u0161tevn\u00edkov str\u00e1nky<\/a><\/strong>. Okrem in\u00e9ho zist\u00edte aj to,\u00a0ak\u00e9 faktory najviac ovplyv\u0148uj\u00fa spr\u00e1vanie n\u00e1v\u0161tevn\u00edkov.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>R\u00fdchlos\u0165 na\u010d\u00edtania webstr\u00e1nok je jednou z vlastnost\u00ed, pod\u013ea ktorej Google rad\u00ed v\u00fdsledky svojho vyh\u013ead\u00e1vania. Aj napriek tomu obsah str\u00e1nok zap\u013a\u0148aj\u00fa nadrozmern\u00e9 obr\u00e1zky, ktor\u00e9 ich spoma\u013euj\u00fa a mobiln\u00fdch u\u017e\u00edvate\u013eov irituj\u00fa. Rie\u0161enie, ako tomu zabr\u00e1ni\u0165, je pri tom \u00faplne jednoduch\u00e9. D\u00f4le\u017eitos\u0165 r\u00fdchleho na\u010d\u00edtania webstr\u00e1nok potvrdzuj\u00fa aj prieskumy. A\u017e 53 % mobiln\u00fdch n\u00e1v\u0161tevn\u00edkov zru\u0161\u00ed otv\u00e1ranie str\u00e1nky, ak jej [&hellip;]<\/p>\n","protected":false},"author":118,"featured_media":10647,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[1095,895,1096],"class_list":["post-10541","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tipy-a-triky","tag-optimalizacia","tag-ux","tag-uzivatelsky-zazitok"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Pre\u010do a ako optimalizova\u0165 obr\u00e1zky na webstr\u00e1nke? - Websupport 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:\/\/www.websupport.sk\/blog\/2017\/07\/preco-a-ako-optimalizovat-obrazky-na-webstranke\/\" \/>\n<meta property=\"og:locale\" content=\"sk_SK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pre\u010do a ako optimalizova\u0165 obr\u00e1zky na webstr\u00e1nke? - Websupport blog\" \/>\n<meta property=\"og:description\" content=\"R\u00fdchlos\u0165 na\u010d\u00edtania webstr\u00e1nok je jednou z vlastnost\u00ed, pod\u013ea ktorej Google rad\u00ed v\u00fdsledky svojho vyh\u013ead\u00e1vania. Aj napriek tomu obsah str\u00e1nok zap\u013a\u0148aj\u00fa nadrozmern\u00e9 obr\u00e1zky, ktor\u00e9 ich spoma\u013euj\u00fa a mobiln\u00fdch u\u017e\u00edvate\u013eov irituj\u00fa. Rie\u0161enie, ako tomu zabr\u00e1ni\u0165, je pri tom \u00faplne jednoduch\u00e9. D\u00f4le\u017eitos\u0165 r\u00fdchleho na\u010d\u00edtania webstr\u00e1nok potvrdzuj\u00fa aj prieskumy. A\u017e 53 % mobiln\u00fdch n\u00e1v\u0161tevn\u00edkov zru\u0161\u00ed otv\u00e1ranie str\u00e1nky, ak jej [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.websupport.sk\/blog\/2017\/07\/preco-a-ako-optimalizovat-obrazky-na-webstranke\/\" \/>\n<meta property=\"og:site_name\" content=\"Websupport blog\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/eoravec\" \/>\n<meta property=\"article:published_time\" content=\"2017-07-06T10:19:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-11T20:07:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/optimalizacia-obrazkov-thumb.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1877\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Erik Oravec\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/erikoravec\" \/>\n<meta name=\"twitter:label1\" content=\"Autor\" \/>\n\t<meta name=\"twitter:data1\" content=\"Erik Oravec\" \/>\n\t<meta name=\"twitter:label2\" content=\"Predpokladan\u00fd \u010das \u010d\u00edtania\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 min\u00faty\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/07\\\/preco-a-ako-optimalizovat-obrazky-na-webstranke\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/07\\\/preco-a-ako-optimalizovat-obrazky-na-webstranke\\\/\"},\"author\":{\"name\":\"Erik Oravec\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/person\\\/ecc8be266a35568107499c2118999487\"},\"headline\":\"Pre\u010do a ako optimalizova\u0165 obr\u00e1zky na webstr\u00e1nke?\",\"datePublished\":\"2017-07-06T10:19:20+00:00\",\"dateModified\":\"2025-03-11T20:07:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/07\\\/preco-a-ako-optimalizovat-obrazky-na-webstranke\\\/\"},\"wordCount\":591,\"publisher\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/07\\\/preco-a-ako-optimalizovat-obrazky-na-webstranke\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2017\\\/06\\\/optimalizacia-obrazkov-thumb.jpg\",\"keywords\":[\"optimaliz\u00e1cia\",\"ux\",\"u\u017e\u00edvate\u013esk\u00fd z\u00e1\u017eitok\"],\"articleSection\":[\"Tipy a triky\"],\"inLanguage\":\"sk-SK\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/07\\\/preco-a-ako-optimalizovat-obrazky-na-webstranke\\\/\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/07\\\/preco-a-ako-optimalizovat-obrazky-na-webstranke\\\/\",\"name\":\"Pre\u010do a ako optimalizova\u0165 obr\u00e1zky na webstr\u00e1nke? - Websupport blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/07\\\/preco-a-ako-optimalizovat-obrazky-na-webstranke\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/07\\\/preco-a-ako-optimalizovat-obrazky-na-webstranke\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2017\\\/06\\\/optimalizacia-obrazkov-thumb.jpg\",\"datePublished\":\"2017-07-06T10:19:20+00:00\",\"dateModified\":\"2025-03-11T20:07:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/07\\\/preco-a-ako-optimalizovat-obrazky-na-webstranke\\\/#breadcrumb\"},\"inLanguage\":\"sk-SK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/07\\\/preco-a-ako-optimalizovat-obrazky-na-webstranke\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/07\\\/preco-a-ako-optimalizovat-obrazky-na-webstranke\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2017\\\/06\\\/optimalizacia-obrazkov-thumb.jpg\",\"contentUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2017\\\/06\\\/optimalizacia-obrazkov-thumb.jpg\",\"width\":1920,\"height\":1877},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/07\\\/preco-a-ako-optimalizovat-obrazky-na-webstranke\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pre\u010do a ako optimalizova\u0165 obr\u00e1zky na webstr\u00e1nke?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/\",\"name\":\"Websupport blog\",\"description\":\"Websupport blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sk-SK\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#organization\",\"name\":\"Websupport\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2021\\\/08\\\/websupport-logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2021\\\/08\\\/websupport-logo.svg\",\"width\":153,\"height\":48,\"caption\":\"Websupport\"},\"image\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/person\\\/ecc8be266a35568107499c2118999487\",\"name\":\"Erik Oravec\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7a67386786f97d569d57a9530f3feadc1dacaec9f543c4e258459640b7441244?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7a67386786f97d569d57a9530f3feadc1dacaec9f543c4e258459640b7441244?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7a67386786f97d569d57a9530f3feadc1dacaec9f543c4e258459640b7441244?s=96&d=mm&r=g\",\"caption\":\"Erik Oravec\"},\"description\":\"Copywriter a vizu\u00e1lny feti\u0161ista so z\u00e1\u013eubou v pekn\u00fdch veciach a dobr\u00fdch \u013eudoch. E\u0161te st\u00e1le \u0161tudent marketingovej komunik\u00e1cie, cestovate\u013e a milovn\u00edk dobrej knihy. A k\u00e1vy!\",\"sameAs\":[\"https:\\\/\\\/dennikn.sk\\\/autor\\\/erikoravec\",\"https:\\\/\\\/www.facebook.com\\\/eoravec\",\"https:\\\/\\\/www.instagram.com\\\/erikoravec\",\"https:\\\/\\\/x.com\\\/https:\\\/\\\/twitter.com\\\/erikoravec\"],\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/author\\\/erik-oravec\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pre\u010do a ako optimalizova\u0165 obr\u00e1zky na webstr\u00e1nke? - Websupport 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:\/\/www.websupport.sk\/blog\/2017\/07\/preco-a-ako-optimalizovat-obrazky-na-webstranke\/","og_locale":"sk_SK","og_type":"article","og_title":"Pre\u010do a ako optimalizova\u0165 obr\u00e1zky na webstr\u00e1nke? - Websupport blog","og_description":"R\u00fdchlos\u0165 na\u010d\u00edtania webstr\u00e1nok je jednou z vlastnost\u00ed, pod\u013ea ktorej Google rad\u00ed v\u00fdsledky svojho vyh\u013ead\u00e1vania. Aj napriek tomu obsah str\u00e1nok zap\u013a\u0148aj\u00fa nadrozmern\u00e9 obr\u00e1zky, ktor\u00e9 ich spoma\u013euj\u00fa a mobiln\u00fdch u\u017e\u00edvate\u013eov irituj\u00fa. Rie\u0161enie, ako tomu zabr\u00e1ni\u0165, je pri tom \u00faplne jednoduch\u00e9. D\u00f4le\u017eitos\u0165 r\u00fdchleho na\u010d\u00edtania webstr\u00e1nok potvrdzuj\u00fa aj prieskumy. A\u017e 53 % mobiln\u00fdch n\u00e1v\u0161tevn\u00edkov zru\u0161\u00ed otv\u00e1ranie str\u00e1nky, ak jej [&hellip;]","og_url":"https:\/\/www.websupport.sk\/blog\/2017\/07\/preco-a-ako-optimalizovat-obrazky-na-webstranke\/","og_site_name":"Websupport blog","article_author":"https:\/\/www.facebook.com\/eoravec","article_published_time":"2017-07-06T10:19:20+00:00","article_modified_time":"2025-03-11T20:07:07+00:00","og_image":[{"width":1920,"height":1877,"url":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/optimalizacia-obrazkov-thumb.jpg","type":"image\/jpeg"}],"author":"Erik Oravec","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/erikoravec","twitter_misc":{"Autor":"Erik Oravec","Predpokladan\u00fd \u010das \u010d\u00edtania":"3 min\u00faty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.websupport.sk\/blog\/2017\/07\/preco-a-ako-optimalizovat-obrazky-na-webstranke\/#article","isPartOf":{"@id":"https:\/\/www.websupport.sk\/blog\/2017\/07\/preco-a-ako-optimalizovat-obrazky-na-webstranke\/"},"author":{"name":"Erik Oravec","@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/person\/ecc8be266a35568107499c2118999487"},"headline":"Pre\u010do a ako optimalizova\u0165 obr\u00e1zky na webstr\u00e1nke?","datePublished":"2017-07-06T10:19:20+00:00","dateModified":"2025-03-11T20:07:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.websupport.sk\/blog\/2017\/07\/preco-a-ako-optimalizovat-obrazky-na-webstranke\/"},"wordCount":591,"publisher":{"@id":"https:\/\/www.websupport.sk\/blog\/#organization"},"image":{"@id":"https:\/\/www.websupport.sk\/blog\/2017\/07\/preco-a-ako-optimalizovat-obrazky-na-webstranke\/#primaryimage"},"thumbnailUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/optimalizacia-obrazkov-thumb.jpg","keywords":["optimaliz\u00e1cia","ux","u\u017e\u00edvate\u013esk\u00fd z\u00e1\u017eitok"],"articleSection":["Tipy a triky"],"inLanguage":"sk-SK"},{"@type":"WebPage","@id":"https:\/\/www.websupport.sk\/blog\/2017\/07\/preco-a-ako-optimalizovat-obrazky-na-webstranke\/","url":"https:\/\/www.websupport.sk\/blog\/2017\/07\/preco-a-ako-optimalizovat-obrazky-na-webstranke\/","name":"Pre\u010do a ako optimalizova\u0165 obr\u00e1zky na webstr\u00e1nke? - Websupport blog","isPartOf":{"@id":"https:\/\/www.websupport.sk\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.websupport.sk\/blog\/2017\/07\/preco-a-ako-optimalizovat-obrazky-na-webstranke\/#primaryimage"},"image":{"@id":"https:\/\/www.websupport.sk\/blog\/2017\/07\/preco-a-ako-optimalizovat-obrazky-na-webstranke\/#primaryimage"},"thumbnailUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/optimalizacia-obrazkov-thumb.jpg","datePublished":"2017-07-06T10:19:20+00:00","dateModified":"2025-03-11T20:07:07+00:00","breadcrumb":{"@id":"https:\/\/www.websupport.sk\/blog\/2017\/07\/preco-a-ako-optimalizovat-obrazky-na-webstranke\/#breadcrumb"},"inLanguage":"sk-SK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.websupport.sk\/blog\/2017\/07\/preco-a-ako-optimalizovat-obrazky-na-webstranke\/"]}]},{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/www.websupport.sk\/blog\/2017\/07\/preco-a-ako-optimalizovat-obrazky-na-webstranke\/#primaryimage","url":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/optimalizacia-obrazkov-thumb.jpg","contentUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/06\/optimalizacia-obrazkov-thumb.jpg","width":1920,"height":1877},{"@type":"BreadcrumbList","@id":"https:\/\/www.websupport.sk\/blog\/2017\/07\/preco-a-ako-optimalizovat-obrazky-na-webstranke\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.websupport.sk\/blog\/"},{"@type":"ListItem","position":2,"name":"Pre\u010do a ako optimalizova\u0165 obr\u00e1zky na webstr\u00e1nke?"}]},{"@type":"WebSite","@id":"https:\/\/www.websupport.sk\/blog\/#website","url":"https:\/\/www.websupport.sk\/blog\/","name":"Websupport blog","description":"Websupport blog","publisher":{"@id":"https:\/\/www.websupport.sk\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.websupport.sk\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sk-SK"},{"@type":"Organization","@id":"https:\/\/www.websupport.sk\/blog\/#organization","name":"Websupport","url":"https:\/\/www.websupport.sk\/blog\/","logo":{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2021\/08\/websupport-logo.svg","contentUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2021\/08\/websupport-logo.svg","width":153,"height":48,"caption":"Websupport"},"image":{"@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/person\/ecc8be266a35568107499c2118999487","name":"Erik Oravec","image":{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/secure.gravatar.com\/avatar\/7a67386786f97d569d57a9530f3feadc1dacaec9f543c4e258459640b7441244?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7a67386786f97d569d57a9530f3feadc1dacaec9f543c4e258459640b7441244?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7a67386786f97d569d57a9530f3feadc1dacaec9f543c4e258459640b7441244?s=96&d=mm&r=g","caption":"Erik Oravec"},"description":"Copywriter a vizu\u00e1lny feti\u0161ista so z\u00e1\u013eubou v pekn\u00fdch veciach a dobr\u00fdch \u013eudoch. E\u0161te st\u00e1le \u0161tudent marketingovej komunik\u00e1cie, cestovate\u013e a milovn\u00edk dobrej knihy. A k\u00e1vy!","sameAs":["https:\/\/dennikn.sk\/autor\/erikoravec","https:\/\/www.facebook.com\/eoravec","https:\/\/www.instagram.com\/erikoravec","https:\/\/x.com\/https:\/\/twitter.com\/erikoravec"],"url":"https:\/\/www.websupport.sk\/blog\/author\/erik-oravec\/"}]}},"_links":{"self":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts\/10541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/users\/118"}],"replies":[{"embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/comments?post=10541"}],"version-history":[{"count":1,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts\/10541\/revisions"}],"predecessor-version":[{"id":34290,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts\/10541\/revisions\/34290"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/media\/10647"}],"wp:attachment":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/media?parent=10541"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/categories?post=10541"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/tags?post=10541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}