{"id":11082,"date":"2017-12-04T12:02:45","date_gmt":"2017-12-04T11:02:45","guid":{"rendered":"https:\/\/www.websupport.sk\/blog\/?p=11082"},"modified":"2025-03-11T21:07:12","modified_gmt":"2025-03-11T20:07:12","slug":"optimalizacia-obrazkov-wordpress","status":"publish","type":"post","link":"https:\/\/www.websupport.sk\/blog\/2017\/12\/optimalizacia-obrazkov-wordpress\/","title":{"rendered":"6 odpor\u00fa\u010dan\u00ed, ako optimalizova\u0165 obr\u00e1zky vo WordPress"},"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\"> 5<\/span> <span class=\"rt-label rt-postfix\">min.<\/span><\/span><p>Na \u010do sa zamera\u0165 a ako spr\u00e1vne pracova\u0165 s obr\u00e1zkami v prostred\u00ed WordPress? Tu je nieko\u013eko odpor\u00fa\u010dan\u00ed z poh\u013eadu u\u017eivate\u013eskej sk\u00fasenosti, <a href=\"https:\/\/www.websupport.sk\/easyseo\" target=\"_blank\" rel=\"noopener noreferrer\">SEO<\/a> ale aj r\u00fdchlosti va\u0161ej str\u00e1nky \u010di jej spr\u00e1vy.<!--more--><\/p>\n<h2>1. Obsah a zdroj<\/h2>\n<p>Samotn\u00fd obr\u00e1zok je v\u017edy o <strong>vizu\u00e1lnej inform\u00e1cii<\/strong>. V\u017edy pokia\u013e je to mo\u017en\u00e9 a stoj\u00ed to za to, odpor\u00fa\u010dam vytvori\u0165 si <strong>vlastn\u00e9 obr\u00e1zky\/fotky<\/strong>. Fotky va\u0161ich \u013eud\u00ed, produktov, priestorov, ale aj napr\u00edklad z\u00e1kazn\u00edkov pri pou\u017e\u00edvan\u00ed produktu a podobne. Priorita by v\u017edy mala by\u0165 <strong>relevantnos\u0165<\/strong>, no netreba zab\u00fada\u0165 na <strong>o\u010dak\u00e1van\u00fa kvalitu<\/strong>. Ak sa profilujete na webe ako poskytovate\u013e <em>pr\u00e9miovej<\/em> slu\u017eby, nekvalitn\u00e9 a <em>lacn\u00e9<\/em> fotky v\u00e1m tento image m\u00f4\u017eu kedyko\u013evek naru\u0161i\u0165.<\/p>\n<figure id=\"attachment_11086\" aria-describedby=\"caption-attachment-11086\" style=\"width: 550px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-11086\" src=\"https:\/\/www.websupport.sk\/blogoads\/sites\/2\/2017\/11\/i-am-cheap.jpg\" alt=\"I am cheap\" width=\"550\" height=\"250\" srcset=\"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/i-am-cheap.jpg 550w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/i-am-cheap-300x136.jpg 300w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/i-am-cheap-530x241.jpg 530w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><figcaption id=\"caption-attachment-11086\" class=\"wp-caption-text\">Lacn\u00fd obr\u00e1zok aj lacno vyzer\u00e1<\/figcaption><\/figure>\n<p>Vyhol by som sa opozeran\u00fdm obr\u00e1zkom z <strong>fotobanky<\/strong>, i ke\u010f aj tu sa n\u00e1jdu skvel\u00e9 k\u00fasky &#8211; musia by\u0165 ale <strong>kompatibiln\u00e9<\/strong> s va\u0161im \u0161t\u00fdlom a identitou. Pokia\u013e s\u00fa vlastn\u00e9 fotky probl\u00e9m, existuje <a href=\"https:\/\/www.websupport.sk\/blog\/2016\/02\/kde-najst-obrazky-zadarmo-pre-vas-web\/\">mnoho free zdrojov<\/a>. M\u00f4\u017eete ich pou\u017ei\u0165 v podobe akej s\u00fa alebo ako z\u00e1klad pre \u010fal\u0161ie \u00fapravy.<\/p>\n<h2>2. Spr\u00e1vne pomenovanie a popisky<\/h2>\n<p>Zmyslupln\u00e9 pomenovanie pom\u00e1ha v dvoch oblastiach: <strong>spr\u00e1va webu aj SEO<\/strong>. N\u00e1zov <em>rucne-sita-zavinovacka-nahlad.jpg<\/em> <strong>hovor\u00ed o obsahu<\/strong> obr\u00e1zku \u010faleko viac ako <em>IMG1234.jpg<\/em>. Pri <strong>vyh\u013ead\u00e1van\u00ed obr\u00e1zkov<\/strong> v kni\u017enici m\u00e9di\u00ed WordPress v\u00e1m spr\u00e1vny n\u00e1zov pom\u00f4\u017ee n\u00e1js\u0165 po\u017eadovan\u00fd obr\u00e1zok. Z h\u013eadiska <strong>ulo\u017eenia obr\u00e1zkov na serveri<\/strong>, odpor\u00fa\u010dam tieto tri pravidl\u00e1:<\/p>\n<ul>\n<li><strong>triedi\u0165 obr\u00e1zky<\/strong> do zlo\u017eiek pod\u013ea d\u00e1tumu nahrania &#8211; <em>Nastavenia WordPress &gt; Multim\u00e9dia &gt;<\/em> a povoli\u0165 vo\u013ebu <em>Triedi\u0165 s\u00fabory pod\u013ea mesiaca<\/em><\/li>\n<li>n\u00e1zvy obr\u00e1zkov p\u00edsa\u0165 <strong>bez diakritiky<\/strong><\/li>\n<li>miesto <strong>medzier<\/strong> pou\u017e\u00edva\u0165 znak \u201c-\u201c, no WordPress by si mal s t\u00fdm poradi\u0165 aj s\u00e1m<\/li>\n<\/ul>\n<p><strong>ALT popisy<\/strong> s\u00fa pri obr\u00e1zkoch pravdepodobne to najviac, \u010do z h\u013eadiska <a href=\"https:\/\/www.websupport.sk\/blog\/2017\/11\/ako-sa-dostat-na-prve-priecky-v-google\/\">onpage SEO<\/a> m\u00f4\u017eete pre va\u0161u webov\u00fa str\u00e1nku spravi\u0165. Odpor\u00fa\u010dam ich zad\u00e1va\u0165 ihne\u010f pri nahr\u00e1van\u00ed obr\u00e1zku do kni\u017enice, no upravi\u0165 sa daj\u00fa kedyko\u013evek.<\/p>\n<figure id=\"attachment_11088\" aria-describedby=\"caption-attachment-11088\" style=\"width: 1100px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11088 size-large\" src=\"https:\/\/www.websupport.sk\/blogoads\/sites\/2\/2017\/11\/nazov-popis-obrazku-1100x1323.jpg\" alt=\"N\u00e1zov a popis obr\u00e1zku v prostred\u00ed WordPress\" width=\"1100\" height=\"1323\" srcset=\"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/nazov-popis-obrazku-1100x1323.jpg 1100w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/nazov-popis-obrazku-300x361.jpg 300w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/nazov-popis-obrazku-768x924.jpg 768w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/nazov-popis-obrazku-530x637.jpg 530w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/nazov-popis-obrazku.jpg 1510w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><figcaption id=\"caption-attachment-11088\" class=\"wp-caption-text\">N\u00e1zov a popis obr\u00e1zku v prostred\u00ed WordPress<\/figcaption><\/figure>\n<h2>3. Ve\u013ekos\u0165 obr\u00e1zkov<\/h2>\n<p>Ve\u013ek\u00e9 obr\u00e1zky <strong>spoma\u013euj\u00fa<\/strong> va\u0161u webov\u00fa str\u00e1nku a zaberaj\u00fa zbyto\u010dne <strong>ve\u013ea miesta<\/strong> na serveri. Na ve\u013ekos\u0165 s\u00faborov vpl\u00fdvaj\u00fa najm\u00e4:<\/p>\n<ul>\n<li>rozl\u00ed\u0161enie obr\u00e1zka<\/li>\n<li>form\u00e1t s\u00faboru<\/li>\n<li>kvalita<\/li>\n<\/ul>\n<p>Ak v\u00e1\u0161 WooCommerce e-shop zobrazuje n\u00e1h\u013eady produktu vo ve\u013ekosti <em>600&#215;600 px<\/em>, nahrajte tam obr\u00e1zok o takejto ve\u013ekosti. (pr\u00edpadne <em>2x rozl\u00ed\u0161enie<\/em>, vi\u010f ni\u017e\u0161ie). Fotka s rozl\u00ed\u0161en\u00edm <em>4000&#215;4000 px<\/em> je zbyto\u010dne ve\u013ek\u00e1, dlh\u0161ie sa s\u0165ahuje (<strong>najm\u00e4 na mobiloch<\/strong>) a zaber\u00e1 nieko\u013eko-n\u00e1sobne viac miesta na serveri. S pluginom <a href=\"https:\/\/wordpress.org\/plugins\/imsanity\/\" target=\"_blank\" rel=\"noopener noreferrer\">Imsanity<\/a> m\u00f4\u017eete zabr\u00e1ni\u0165 nahr\u00e1vaniu takto ve\u013ek\u00fdch obr\u00e1zkov, resp. nastavi\u0165 ich <strong>automatick\u00e9 zmen\u0161enie<\/strong> na po\u017eadovan\u00e9 rozl\u00ed\u0161enie.<\/p>\n<figure id=\"attachment_11090\" aria-describedby=\"caption-attachment-11090\" style=\"width: 1100px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-11090\" src=\"https:\/\/www.websupport.sk\/blogoads\/sites\/2\/2017\/11\/velke-obrazky-na-webe-1100x814.jpg\" alt=\"Ve\u013ek\u00e9 obr\u00e1zky na webe\" width=\"1100\" height=\"814\" srcset=\"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/velke-obrazky-na-webe-1100x814.jpg 1100w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/velke-obrazky-na-webe-300x222.jpg 300w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/velke-obrazky-na-webe-768x568.jpg 768w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/velke-obrazky-na-webe-530x392.jpg 530w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/velke-obrazky-na-webe.jpg 1260w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><figcaption id=\"caption-attachment-11090\" class=\"wp-caption-text\">Obr\u00e1zky s ve\u013ekostou v nieko\u013eko MB nemaj\u00fa v\u00e4\u010d\u0161inou na webe \u010do h\u013eada\u0165.<\/figcaption><\/figure>\n<p><strong>Spr\u00e1vny form\u00e1t<\/strong> hr\u00e1 v\u00fdznamn\u00fa \u00falohu tie\u017e. By default, WordPress <strong>nevie pracova\u0165 s SVG<\/strong> form\u00e1tom vektorovej grafiky, tak\u017ee berme do \u00favahy iba <strong>JPG a PNG<\/strong>.<\/p>\n<ul>\n<li>Na fotky a obr\u00e1zky zobrazuj\u00face re\u00e1lny svet je vhodn\u00fd form\u00e1t JPG<\/li>\n<li>Na ilustr\u00e1cie a r\u00f4zne ikony (napr. log\u00e1) je vhodn\u00fd form\u00e1t PNG.\u00a0PNG vie navy\u0161e obsahova\u0165 <strong>prehliadnos\u0165<\/strong>.<\/li>\n<\/ul>\n<p>Ale tak\u00fd Facebook m\u00e1 rad\u0161ej PNG, ktor\u00fd v\u00e1m nepre\u017eenie ich silnou kompresiou <strong>pri zdie\u013ean\u00ed<\/strong> odkazu na v\u00e1\u0161 web. S dobr\u00fdm <a href=\"https:\/\/yoast.com\/wordpress\/plugins\/seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">SEO pluginom<\/a> viete nastavi\u0165 aj toto.<\/p>\n<h2>4. Spr\u00e1vne rozl\u00ed\u0161enie<\/h2>\n<p>Aktu\u00e1lne verzie WordPress si vedia poradi\u0165 s <strong>r\u00f4znymi ve\u013ekos\u0165ami obrazoviek<\/strong> a obrazovkam s men\u0161\u00edm rozl\u00ed\u0161en\u00edm serv\u00edrova\u0165 <strong>automaticky<\/strong> ni\u017e\u0161ie rozl\u00ed\u0161enia obr\u00e1zkov &#8211; pomocou automaticky vytvoren\u00fdch zmen\u0161en\u00edn pri nahr\u00e1van\u00ed. \u010co ale s <strong>Retina displejmi<\/strong> Apple zariaden\u00ed \u010di in\u00fdmi ultraHD obrazovkami? Tam je probl\u00e9m presne opa\u010dn\u00fd a je potrebn\u00e9 serv\u00edrova\u0165 <strong>dvojn\u00e1sobn\u00e9 rozl\u00ed\u0161enie<\/strong>, inak sa obr\u00e1zky na va\u0161om webe javia ako <em>nekvalitn\u00e9<\/em>.<\/p>\n<p>Na mojich weboch pou\u017e\u00edvam u\u017e dlh\u0161ie plugin <a href=\"https:\/\/sk.wordpress.org\/plugins\/wp-retina-2x\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Retina 2x<\/a>, ktor\u00fd umo\u017e\u0148uje nahra\u0165 tzv. 2x verzie vybran\u00fdm obr\u00e1zkov. Pre pr\u00edklad, na na\u0161om WooCommerce e-shope pou\u017e\u00edvam n\u00e1h\u013eady produktov v rozl\u00ed\u0161en\u00ed 600&#215;600 px, tak\u017ee na\u0161e 2x verzie maj\u00fa rozmer 1200&#215;1200 px. Plugin zabezpe\u010d\u00ed <strong>zobrazenie aj na\u010d\u00edtanie<\/strong> spr\u00e1vnej verzie <strong>pod\u013ea aktu\u00e1lneho rozl\u00ed\u0161enia obrazovky<\/strong>.<\/p>\n<figure id=\"attachment_11091\" aria-describedby=\"caption-attachment-11091\" style=\"width: 1100px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-11091\" src=\"https:\/\/www.websupport.sk\/blogoads\/sites\/2\/2017\/11\/wp-retina-2x-ukazka-1100x496.jpg\" alt=\"Uk\u00e1\u017eka fungovania pluginu WP Retina 2x\" width=\"1100\" height=\"496\" srcset=\"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/wp-retina-2x-ukazka-1100x496.jpg 1100w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/wp-retina-2x-ukazka-300x135.jpg 300w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/wp-retina-2x-ukazka-768x347.jpg 768w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/wp-retina-2x-ukazka-1920x866.jpg 1920w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/wp-retina-2x-ukazka-530x239.jpg 530w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><figcaption id=\"caption-attachment-11091\" class=\"wp-caption-text\">2 rozmery toho ist\u00e9ho obr\u00e1zku pre kvalitn\u00e9 robrazenie aj na vysok\u00fdch rozl\u00ed\u0161eniach<\/figcaption><\/figure>\n<h2>5. Kompresia<\/h2>\n<p>D\u00f4vodom na kompresiu je najm\u00e4 <strong>zn\u00ed\u017eenie ve\u013ekosti<\/strong> a t\u00fdm <strong>zr\u00fdchlenie na\u010d\u00edtavania webu<\/strong>. V\u00e4\u010d\u0161inu \u010dasu sa budeme bavi\u0165 o <strong>str\u00e1tovej kompresii<\/strong>, ktorej v\u00fdsledkom je aj mierne zn\u00ed\u017eenie vizu\u00e1lnej kvalitu obr\u00e1zku. K\u013e\u00fa\u010dom k \u00faspechu je n\u00e1s\u0165 ten <a href=\"https:\/\/www.websupport.sk\/blog\/2017\/07\/preco-a-ako-optimalizovat-obrazky-na-webstranke\/\" target=\"_blank\" rel=\"noopener noreferrer\">spr\u00e1vny pomer kvality a ve\u013ekosti<\/a>.<\/p>\n<figure id=\"attachment_10544\" aria-describedby=\"caption-attachment-10544\" style=\"width: 1100px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10544 size-large\" src=\"https:\/\/www.websupport.sk\/blogoads\/sites\/2\/2017\/06\/tinypng-preview-1100x495.png\" alt=\"porovnanie-kvality-png-obrazka\" 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\" \/><figcaption id=\"caption-attachment-10544\" class=\"wp-caption-text\">U\u0161etren\u00fdch nieko\u013eko KB pri takmer nepozorovate\u013enej zmene kvality.<\/figcaption><\/figure>\n<p>V\u00e4\u010d\u0161ina <strong>grafick\u00fdch programov <\/strong>(Photoshop, Sketch,&#8230;)\u00a0m\u00e1 pri exporte mo\u017enos\u0165 typu <em>Save for web<\/em> (<em>Ulo\u017ei\u0165 pre web<\/em>), no vyu\u017ei\u0165 m\u00f4\u017eete aj extern\u00e9 n\u00e1stroje\/slu\u017eby. Mnou ob\u013e\u00faben\u00fd <a href=\"https:\/\/tinypng.com\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/tinypng.com<\/a> pon\u00faka aj <a href=\"https:\/\/wordpress.org\/plugins\/tiny-compress-images\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin do WordPress<\/a>. \u010eal\u0161ie vhodn\u00e9 pluginy s\u00fa napr\u00edklad <a href=\"https:\/\/wordpress.org\/plugins\/ewww-image-optimizer\/\" target=\"_blank\" rel=\"noopener noreferrer\">EWWW Image Optimizer<\/a> \u010di <a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\" target=\"_blank\" rel=\"noopener noreferrer\">Smush It<\/a>.<\/p>\n<h2>6. Ulo\u017eenie obr\u00e1zkov mimo webov\u00fd server<\/h2>\n<p>Pre ve\u013ek\u00e9 projekty m\u00f4\u017ee by\u0165 zauj\u00edmav\u00e9 na\u010d\u00edtava\u0165 uklada\u0165 a na\u010d\u00edtava\u0165 statick\u00fd obsah <strong>mimo webov\u00e9ho servera<\/strong>. Vyu\u017e\u00edva\u0165 sa d\u00e1 tzv <strong>CDN sie\u0165<\/strong>, ktor\u00e1 zabezpe\u010d\u00ed na\u010d\u00edtavanie obsahu <strong>z viacer\u00fdch geografick\u00fdch lokal\u00edt<\/strong>, no vyu\u017eij\u00fa to naozaj iba tie <strong>najv\u00e4\u010d\u0161ie\/glob\u00e1lne projekty<\/strong>.<\/p>\n<p>Ako nie\u010do tak\u00e9 funguje si viete vysk\u00fa\u0161a\u0165 aj pomocou <a href=\"https:\/\/sk.wordpress.org\/plugins\/jetpack\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress pluginu JetPack<\/a>, ktor\u00fd v sebe obsahuje mo\u017enos\u0165 na\u010d\u00edtava\u0165 obr\u00e1zky z WordPress.com siete <a href=\"https:\/\/jetpack.com\/support\/photon\/\" target=\"_blank\" rel=\"noopener noreferrer\">Photon<\/a>.<\/p>\n<figure id=\"attachment_11092\" aria-describedby=\"caption-attachment-11092\" style=\"width: 1100px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-11092\" src=\"https:\/\/www.websupport.sk\/blogoads\/sites\/2\/2017\/11\/jetpack-photon-aktivacia-1100x424.jpg\" alt=\"Aktiv\u00e1cia CDN Photon, plugin Jetpack\" width=\"1100\" height=\"424\" srcset=\"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/jetpack-photon-aktivacia-1100x424.jpg 1100w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/jetpack-photon-aktivacia-300x116.jpg 300w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/jetpack-photon-aktivacia-768x296.jpg 768w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/jetpack-photon-aktivacia-1920x741.jpg 1920w, https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/jetpack-photon-aktivacia-530x205.jpg 530w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><figcaption id=\"caption-attachment-11092\" class=\"wp-caption-text\">Aktiv\u00e1cia siete Photon cez plugin Jetpack<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Na \u010do sa zamera\u0165 a ako spr\u00e1vne pracova\u0165 s obr\u00e1zkami v prostred\u00ed WordPress? Tu je nieko\u013eko odpor\u00fa\u010dan\u00ed z poh\u013eadu u\u017eivate\u013eskej sk\u00fasenosti, SEO ale aj r\u00fdchlosti va\u0161ej str\u00e1nky \u010di jej spr\u00e1vy.<\/p>\n","protected":false},"author":84,"featured_media":11226,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[587,1095,966],"class_list":["post-11082","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tipy-a-triky","tag-obrazky","tag-optimalizacia","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>6 odpor\u00fa\u010dan\u00ed, ako optimalizova\u0165 obr\u00e1zky vo WordPress - 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\/12\/optimalizacia-obrazkov-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"sk_SK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"6 odpor\u00fa\u010dan\u00ed, ako optimalizova\u0165 obr\u00e1zky vo WordPress - Websupport blog\" \/>\n<meta property=\"og:description\" content=\"Na \u010do sa zamera\u0165 a ako spr\u00e1vne pracova\u0165 s obr\u00e1zkami v prostred\u00ed WordPress? Tu je nieko\u013eko odpor\u00fa\u010dan\u00ed z poh\u013eadu u\u017eivate\u013eskej sk\u00fasenosti, SEO ale aj r\u00fdchlosti va\u0161ej str\u00e1nky \u010di jej spr\u00e1vy.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.websupport.sk\/blog\/2017\/12\/optimalizacia-obrazkov-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Websupport blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-12-04T11:02:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-11T20:07:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/ako-optimalizovat-obrazky.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"2089\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"T\u00edm Websupport\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Autor\" \/>\n\t<meta name=\"twitter:data1\" content=\"T\u00edm Websupport\" \/>\n\t<meta name=\"twitter:label2\" content=\"Predpokladan\u00fd \u010das \u010d\u00edtania\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 min\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/12\\\/optimalizacia-obrazkov-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/12\\\/optimalizacia-obrazkov-wordpress\\\/\"},\"author\":{\"name\":\"T\u00edm Websupport\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#\\\/schema\\\/person\\\/d3f3517a180f66130801edb710ffb6b3\"},\"headline\":\"6 odpor\u00fa\u010dan\u00ed, ako optimalizova\u0165 obr\u00e1zky vo WordPress\",\"datePublished\":\"2017-12-04T11:02:45+00:00\",\"dateModified\":\"2025-03-11T20:07:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/12\\\/optimalizacia-obrazkov-wordpress\\\/\"},\"wordCount\":1055,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/12\\\/optimalizacia-obrazkov-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2017\\\/11\\\/ako-optimalizovat-obrazky.jpg\",\"keywords\":[\"obrazky\",\"optimaliz\u00e1cia\",\"wordpress\"],\"articleSection\":[\"Tipy a triky\"],\"inLanguage\":\"sk-SK\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/12\\\/optimalizacia-obrazkov-wordpress\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/12\\\/optimalizacia-obrazkov-wordpress\\\/\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/12\\\/optimalizacia-obrazkov-wordpress\\\/\",\"name\":\"6 odpor\u00fa\u010dan\u00ed, ako optimalizova\u0165 obr\u00e1zky vo WordPress - Websupport blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/12\\\/optimalizacia-obrazkov-wordpress\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/12\\\/optimalizacia-obrazkov-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2017\\\/11\\\/ako-optimalizovat-obrazky.jpg\",\"datePublished\":\"2017-12-04T11:02:45+00:00\",\"dateModified\":\"2025-03-11T20:07:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/12\\\/optimalizacia-obrazkov-wordpress\\\/#breadcrumb\"},\"inLanguage\":\"sk-SK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/12\\\/optimalizacia-obrazkov-wordpress\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/12\\\/optimalizacia-obrazkov-wordpress\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2017\\\/11\\\/ako-optimalizovat-obrazky.jpg\",\"contentUrl\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/app\\\/uploads\\\/sites\\\/2\\\/2017\\\/11\\\/ako-optimalizovat-obrazky.jpg\",\"width\":1920,\"height\":2089,\"caption\":\"Ako optimalizova\u0165 obr\u00e1zky\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/2017\\\/12\\\/optimalizacia-obrazkov-wordpress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"6 odpor\u00fa\u010dan\u00ed, ako optimalizova\u0165 obr\u00e1zky vo WordPress\"}]},{\"@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\\\/d3f3517a180f66130801edb710ffb6b3\",\"name\":\"T\u00edm Websupport\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c69189751d452c13309d44d15907c3aa93630e0cc9e4e874e1bca01fee7ce18b?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c69189751d452c13309d44d15907c3aa93630e0cc9e4e874e1bca01fee7ce18b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c69189751d452c13309d44d15907c3aa93630e0cc9e4e874e1bca01fee7ce18b?s=96&d=mm&r=g\",\"caption\":\"T\u00edm Websupport\"},\"description\":\"Sme slobodn\u00e1 a otvoren\u00e1 firma. Rob\u00edme to, \u010do n\u00e1s bav\u00ed a chceme ka\u017edou na\u0161ou \u010dinnos\u0165ou pos\u00fava\u0165 \u0161tandardy vy\u0161\u0161ie.\",\"url\":\"https:\\\/\\\/www.websupport.sk\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"6 odpor\u00fa\u010dan\u00ed, ako optimalizova\u0165 obr\u00e1zky vo WordPress - 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\/12\/optimalizacia-obrazkov-wordpress\/","og_locale":"sk_SK","og_type":"article","og_title":"6 odpor\u00fa\u010dan\u00ed, ako optimalizova\u0165 obr\u00e1zky vo WordPress - Websupport blog","og_description":"Na \u010do sa zamera\u0165 a ako spr\u00e1vne pracova\u0165 s obr\u00e1zkami v prostred\u00ed WordPress? Tu je nieko\u013eko odpor\u00fa\u010dan\u00ed z poh\u013eadu u\u017eivate\u013eskej sk\u00fasenosti, SEO ale aj r\u00fdchlosti va\u0161ej str\u00e1nky \u010di jej spr\u00e1vy.","og_url":"https:\/\/www.websupport.sk\/blog\/2017\/12\/optimalizacia-obrazkov-wordpress\/","og_site_name":"Websupport blog","article_published_time":"2017-12-04T11:02:45+00:00","article_modified_time":"2025-03-11T20:07:12+00:00","og_image":[{"width":1920,"height":2089,"url":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/ako-optimalizovat-obrazky.jpg","type":"image\/jpeg"}],"author":"T\u00edm Websupport","twitter_card":"summary_large_image","twitter_misc":{"Autor":"T\u00edm Websupport","Predpokladan\u00fd \u010das \u010d\u00edtania":"5 min\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.websupport.sk\/blog\/2017\/12\/optimalizacia-obrazkov-wordpress\/#article","isPartOf":{"@id":"https:\/\/www.websupport.sk\/blog\/2017\/12\/optimalizacia-obrazkov-wordpress\/"},"author":{"name":"T\u00edm Websupport","@id":"https:\/\/www.websupport.sk\/blog\/#\/schema\/person\/d3f3517a180f66130801edb710ffb6b3"},"headline":"6 odpor\u00fa\u010dan\u00ed, ako optimalizova\u0165 obr\u00e1zky vo WordPress","datePublished":"2017-12-04T11:02:45+00:00","dateModified":"2025-03-11T20:07:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.websupport.sk\/blog\/2017\/12\/optimalizacia-obrazkov-wordpress\/"},"wordCount":1055,"commentCount":0,"publisher":{"@id":"https:\/\/www.websupport.sk\/blog\/#organization"},"image":{"@id":"https:\/\/www.websupport.sk\/blog\/2017\/12\/optimalizacia-obrazkov-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/ako-optimalizovat-obrazky.jpg","keywords":["obrazky","optimaliz\u00e1cia","wordpress"],"articleSection":["Tipy a triky"],"inLanguage":"sk-SK","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.websupport.sk\/blog\/2017\/12\/optimalizacia-obrazkov-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.websupport.sk\/blog\/2017\/12\/optimalizacia-obrazkov-wordpress\/","url":"https:\/\/www.websupport.sk\/blog\/2017\/12\/optimalizacia-obrazkov-wordpress\/","name":"6 odpor\u00fa\u010dan\u00ed, ako optimalizova\u0165 obr\u00e1zky vo WordPress - Websupport blog","isPartOf":{"@id":"https:\/\/www.websupport.sk\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.websupport.sk\/blog\/2017\/12\/optimalizacia-obrazkov-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www.websupport.sk\/blog\/2017\/12\/optimalizacia-obrazkov-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/ako-optimalizovat-obrazky.jpg","datePublished":"2017-12-04T11:02:45+00:00","dateModified":"2025-03-11T20:07:12+00:00","breadcrumb":{"@id":"https:\/\/www.websupport.sk\/blog\/2017\/12\/optimalizacia-obrazkov-wordpress\/#breadcrumb"},"inLanguage":"sk-SK","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.websupport.sk\/blog\/2017\/12\/optimalizacia-obrazkov-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/www.websupport.sk\/blog\/2017\/12\/optimalizacia-obrazkov-wordpress\/#primaryimage","url":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/ako-optimalizovat-obrazky.jpg","contentUrl":"https:\/\/www.websupport.sk\/blog\/app\/uploads\/sites\/2\/2017\/11\/ako-optimalizovat-obrazky.jpg","width":1920,"height":2089,"caption":"Ako optimalizova\u0165 obr\u00e1zky"},{"@type":"BreadcrumbList","@id":"https:\/\/www.websupport.sk\/blog\/2017\/12\/optimalizacia-obrazkov-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.websupport.sk\/blog\/"},{"@type":"ListItem","position":2,"name":"6 odpor\u00fa\u010dan\u00ed, ako optimalizova\u0165 obr\u00e1zky vo WordPress"}]},{"@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\/d3f3517a180f66130801edb710ffb6b3","name":"T\u00edm Websupport","image":{"@type":"ImageObject","inLanguage":"sk-SK","@id":"https:\/\/secure.gravatar.com\/avatar\/c69189751d452c13309d44d15907c3aa93630e0cc9e4e874e1bca01fee7ce18b?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c69189751d452c13309d44d15907c3aa93630e0cc9e4e874e1bca01fee7ce18b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c69189751d452c13309d44d15907c3aa93630e0cc9e4e874e1bca01fee7ce18b?s=96&d=mm&r=g","caption":"T\u00edm Websupport"},"description":"Sme slobodn\u00e1 a otvoren\u00e1 firma. Rob\u00edme to, \u010do n\u00e1s bav\u00ed a chceme ka\u017edou na\u0161ou \u010dinnos\u0165ou pos\u00fava\u0165 \u0161tandardy vy\u0161\u0161ie.","url":"https:\/\/www.websupport.sk\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts\/11082","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\/84"}],"replies":[{"embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/comments?post=11082"}],"version-history":[{"count":1,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts\/11082\/revisions"}],"predecessor-version":[{"id":15970,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/posts\/11082\/revisions\/15970"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/media\/11226"}],"wp:attachment":[{"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/media?parent=11082"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/categories?post=11082"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.websupport.sk\/blog\/wp-json\/wp\/v2\/tags?post=11082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}