{"id":686,"date":"2023-02-19T17:09:19","date_gmt":"2023-02-19T17:09:19","guid":{"rendered":"http:\/\/localhost\/wordpress\/?p=686"},"modified":"2023-03-05T14:59:35","modified_gmt":"2023-03-05T14:59:35","slug":"chcete-web-ktery-se-rychle-nacte-casto-staci-jen-pouzivat-jeden-format-obrazku","status":"publish","type":"post","link":"http:\/\/localhost\/wordpress\/chcete-web-ktery-se-rychle-nacte-casto-staci-jen-pouzivat-jeden-format-obrazku\/","title":{"rendered":"Chcete web, kter\u00fd se rychle na\u010dte? \u010casto sta\u010d\u00ed jen pou\u017e\u00edvat jeden form\u00e1t obr\u00e1zku"},"content":{"rendered":"\n

WebP<\/strong> je nov\u00fd form\u00e1t obr\u00e1zk\u016f vyvinut\u00fd spole\u010dnost\u00ed Google, kter\u00fd se st\u00e1v\u00e1 st\u00e1le popul\u00e1rn\u011bj\u0161\u00edm v oblasti webdesignu. Jeho hlavn\u00ed v\u00fdhodou oproti JPEG a PNG je men\u0161\u00ed velikost souboru<\/strong> a t\u00edm p\u00e1dem i rychlej\u0161\u00ed na\u010d\u00edt\u00e1n\u00ed str\u00e1nky. To znamen\u00e1, \u017ee pokud pou\u017eijete form\u00e1t WebP na va\u0161ich webov\u00fdch str\u00e1nk\u00e1ch, budou se va\u0161e str\u00e1nky na\u010d\u00edtat rychleji a u\u017eivatel\u00e9 nebudou muset \u010dekat dlouho na zobrazen\u00ed obr\u00e1zk\u016f.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

WebP dosahuje men\u0161\u00ed velikosti souboru d\u00edky efektivn\u00edmu algoritmu komprese<\/strong>, kter\u00fd dok\u00e1\u017ee zachovat vysokou kvalitu obr\u00e1zk\u016f p\u0159i ni\u017e\u0161\u00ed velikosti souboru<\/strong>. Nap\u0159\u00edklad u\u017e jen bezkompresov\u00e9 <\/strong>obr\u00e1zky jsou o 26% <\/strong>men\u0161\u00ed ne\u017e bezkompresov\u00fd form\u00e1t PNG. To je zvl\u00e1\u0161t\u011b u\u017eite\u010dn\u00e9 pro webov\u00e9 str\u00e1nky s mnoha obr\u00e1zky, kter\u00e9 mohou zpomalit na\u010d\u00edt\u00e1n\u00ed str\u00e1nky a negativn\u011b ovlivnit u\u017eivatelskou zku\u0161enost.<\/p>\n\n\n\n

Form\u00e1t WebP je podporov\u00e1n p\u0159\u00edmo v prohl\u00ed\u017ee\u010d\u00edch Google Chrome, Safari, Firefox a Edge, v prohl\u00ed\u017ee\u010di Opera a tak\u00e9 mnoha dal\u0161\u00edch.<\/p>\n\n\n\n

K p\u0159evodu obr\u00e1zk\u016f na form\u00e1t WebP m\u016f\u017eete pou\u017e\u00edt r\u016fzn\u00e9 n\u00e1stroje, jako jsou nap\u0159\u00edklad online konvertory<\/strong> jako nap\u0159\u00edklad Convertio<\/a> nebo grafick\u00e9 programy jako Adobe Photoshop nebo GIMP. Pokud chcete pou\u017e\u00edt online n\u00e1stroj, sta\u010d\u00ed nahr\u00e1t obr\u00e1zek do webov\u00e9 aplikace, zvolit form\u00e1t WebP a stisknout tla\u010d\u00edtko pro p\u0159evod. Pokud pou\u017e\u00edv\u00e1te Adobe Photoshop, m\u016f\u017eete vyu\u017e\u00edt plugin WebP Format od Google, kter\u00fd umo\u017e\u0148uje exportovat obr\u00e1zky p\u0159\u00edmo do form\u00e1tu WebP. GIMP tak\u00e9 nab\u00edz\u00ed plugin pro export do form\u00e1tu WebP.<\/p>\n","protected":false},"excerpt":{"rendered":"

Na webu jsou obr\u00e1zky dost z\u00e1sadn\u00ed, jeliko\u017e jsou pro web nutn\u00e9. Ale zab\u00edraj\u00ed spoustu m\u00edsta a tud\u00ed\u017e trv\u00e1, ne\u017e se na\u010dtou, zejm\u00e9na na pomalej\u0161\u00edm internetov\u00e9m p\u0159ipojen\u00ed. Proto je d\u016fle\u017eit\u00e9 je optimalizovat, k tomu pom\u016f\u017ee i speci\u00e1ln\u00ed form\u00e1t.<\/p>\n","protected":false},"author":1,"featured_media":687,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"yoast_head":"\r\nChcete web, kter\u00fd se rychle na\u010dte? \u010casto sta\u010d\u00ed jen pou\u017e\u00edvat jeden form\u00e1t obr\u00e1zku - Vlastimil Lis\u00e1k<\/title>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"http:\/\/localhost\/wordpress\/chcete-web-ktery-se-rychle-nacte-casto-staci-jen-pouzivat-jeden-format-obrazku\/\" \/>\r\n<meta property=\"og:locale\" content=\"cs_CZ\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Chcete web, kter\u00fd se rychle na\u010dte? \u010casto sta\u010d\u00ed jen pou\u017e\u00edvat jeden form\u00e1t obr\u00e1zku - Vlastimil Lis\u00e1k\" \/>\r\n<meta property=\"og:description\" content=\"Na webu jsou obr\u00e1zky dost z\u00e1sadn\u00ed, jeliko\u017e jsou pro web nutn\u00e9. Ale zab\u00edraj\u00ed spoustu m\u00edsta a tud\u00ed\u017e trv\u00e1, ne\u017e se na\u010dtou, zejm\u00e9na na pomalej\u0161\u00edm internetov\u00e9m p\u0159ipojen\u00ed. Proto je d\u016fle\u017eit\u00e9 je optimalizovat, k tomu pom\u016f\u017ee i speci\u00e1ln\u00ed form\u00e1t.\" \/>\r\n<meta property=\"og:url\" content=\"http:\/\/localhost\/wordpress\/chcete-web-ktery-se-rychle-nacte-casto-staci-jen-pouzivat-jeden-format-obrazku\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Vlastimil Lis\u00e1k\" \/>\r\n<meta property=\"article:published_time\" content=\"2023-02-19T17:09:19+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2023-03-05T14:59:35+00:00\" \/>\r\n<meta property=\"og:image\" content=\"http:\/\/localhost\/wordpress\/wp-content\/uploads\/img-thumbnail.png\" \/>\r\n\t<meta property=\"og:image:width\" content=\"900\" \/>\r\n\t<meta property=\"og:image:height\" content=\"750\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\r\n<meta name=\"author\" content=\"webmaster\" \/>\r\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\r\n<meta name=\"twitter:label1\" content=\"Napsal(a)\" \/>\n\t<meta name=\"twitter:data1\" content=\"webmaster\" \/>\n\t<meta name=\"twitter:label2\" content=\"Odhadovan\u00e1 doba \u010dten\u00ed\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuta\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\r\n\t \"@context\": \"https:\/\/schema.org\",\r\n\t \"@graph\": [\r\n\t {\r\n\t \"@type\": \"WebPage\",\r\n\t \"@id\": \"http:\/\/localhost\/wordpress\/chcete-web-ktery-se-rychle-nacte-casto-staci-jen-pouzivat-jeden-format-obrazku\/\",\r\n\t \"url\": \"http:\/\/localhost\/wordpress\/chcete-web-ktery-se-rychle-nacte-casto-staci-jen-pouzivat-jeden-format-obrazku\/\",\r\n\t \"name\": \"Chcete web, kter\u00fd se rychle na\u010dte? \u010casto sta\u010d\u00ed jen pou\u017e\u00edvat jeden form\u00e1t obr\u00e1zku - Vlastimil Lis\u00e1k\",\r\n\t \"isPartOf\": {\r\n\t \"@id\": \"http:\/\/localhost\/wordpress\/#website\"\r\n\t },\r\n\t \"datePublished\": \"2023-02-19T17:09:19+00:00\",\r\n\t \"dateModified\": \"2023-03-05T14:59:35+00:00\",\r\n\t \"author\": {\r\n\t \"@id\": \"http:\/\/localhost\/wordpress\/#\/schema\/person\/e8439bb1898b899d8aa81ce8f795a106\"\r\n\t },\r\n\t \"breadcrumb\": {\r\n\t \"@id\": \"http:\/\/localhost\/wordpress\/chcete-web-ktery-se-rychle-nacte-casto-staci-jen-pouzivat-jeden-format-obrazku\/#breadcrumb\"\r\n\t },\r\n\t \"inLanguage\": \"cs\",\r\n\t \"potentialAction\": [\r\n\t {\r\n\t \"@type\": \"ReadAction\",\r\n\t \"target\": [\r\n\t \"http:\/\/localhost\/wordpress\/chcete-web-ktery-se-rychle-nacte-casto-staci-jen-pouzivat-jeden-format-obrazku\/\"\r\n\t ]\r\n\t }\r\n\t ]\r\n\t },\r\n\t {\r\n\t \"@type\": \"BreadcrumbList\",\r\n\t \"@id\": \"http:\/\/localhost\/wordpress\/chcete-web-ktery-se-rychle-nacte-casto-staci-jen-pouzivat-jeden-format-obrazku\/#breadcrumb\",\r\n\t \"itemListElement\": [\r\n\t {\r\n\t \"@type\": \"ListItem\",\r\n\t \"position\": 1,\r\n\t \"name\": \"Dom\u016f\",\r\n\t \"item\": \"http:\/\/localhost\/wordpress\/\"\r\n\t },\r\n\t {\r\n\t \"@type\": \"ListItem\",\r\n\t \"position\": 2,\r\n\t \"name\": \"Chcete web, kter\u00fd se rychle na\u010dte? \u010casto sta\u010d\u00ed jen pou\u017e\u00edvat jeden form\u00e1t obr\u00e1zku\"\r\n\t }\r\n\t ]\r\n\t },\r\n\t {\r\n\t \"@type\": \"WebSite\",\r\n\t \"@id\": \"http:\/\/localhost\/wordpress\/#website\",\r\n\t \"url\": \"http:\/\/localhost\/wordpress\/\",\r\n\t \"name\": \"Vlastimil Lis\u00e1k\",\r\n\t \"description\": \"Webdeveloper\",\r\n\t \"potentialAction\": [\r\n\t {\r\n\t \"@type\": \"SearchAction\",\r\n\t \"target\": {\r\n\t \"@type\": \"EntryPoint\",\r\n\t \"urlTemplate\": \"http:\/\/localhost\/wordpress\/?s={search_term_string}\"\r\n\t },\r\n\t \"query-input\": \"required name=search_term_string\"\r\n\t }\r\n\t ],\r\n\t \"inLanguage\": \"cs\"\r\n\t },\r\n\t {\r\n\t \"@type\": \"Person\",\r\n\t \"@id\": \"http:\/\/localhost\/wordpress\/#\/schema\/person\/e8439bb1898b899d8aa81ce8f795a106\",\r\n\t \"name\": \"webmaster\",\r\n\t \"image\": {\r\n\t \"@type\": \"ImageObject\",\r\n\t \"inLanguage\": \"cs\",\r\n\t \"@id\": \"http:\/\/localhost\/wordpress\/#\/schema\/person\/image\/\",\r\n\t \"url\": \"http:\/\/0.gravatar.com\/avatar\/37e27e515f4c8f4646979d1f3859df30?s=96&d=identicon&r=g\",\r\n\t \"contentUrl\": \"http:\/\/0.gravatar.com\/avatar\/37e27e515f4c8f4646979d1f3859df30?s=96&d=identicon&r=g\",\r\n\t \"caption\": \"webmaster\"\r\n\t },\r\n\t \"sameAs\": [\r\n\t \"http:\"\r\n\t ],\r\n\t \"url\": \"http:\/\/localhost\/wordpress\/author\/webmaster\/\"\r\n\t }\r\n\t ]\r\n\t}<\/script>\r\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Chcete web, kter\u00fd se rychle na\u010dte? \u010casto sta\u010d\u00ed jen pou\u017e\u00edvat jeden form\u00e1t obr\u00e1zku - Vlastimil Lis\u00e1k","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":"http:\/\/localhost\/wordpress\/chcete-web-ktery-se-rychle-nacte-casto-staci-jen-pouzivat-jeden-format-obrazku\/","og_locale":"cs_CZ","og_type":"article","og_title":"Chcete web, kter\u00fd se rychle na\u010dte? \u010casto sta\u010d\u00ed jen pou\u017e\u00edvat jeden form\u00e1t obr\u00e1zku - Vlastimil Lis\u00e1k","og_description":"Na webu jsou obr\u00e1zky dost z\u00e1sadn\u00ed, jeliko\u017e jsou pro web nutn\u00e9. Ale zab\u00edraj\u00ed spoustu m\u00edsta a tud\u00ed\u017e trv\u00e1, ne\u017e se na\u010dtou, zejm\u00e9na na pomalej\u0161\u00edm internetov\u00e9m p\u0159ipojen\u00ed. Proto je d\u016fle\u017eit\u00e9 je optimalizovat, k tomu pom\u016f\u017ee i speci\u00e1ln\u00ed form\u00e1t.","og_url":"http:\/\/localhost\/wordpress\/chcete-web-ktery-se-rychle-nacte-casto-staci-jen-pouzivat-jeden-format-obrazku\/","og_site_name":"Vlastimil Lis\u00e1k","article_published_time":"2023-02-19T17:09:19+00:00","article_modified_time":"2023-03-05T14:59:35+00:00","og_image":[{"width":900,"height":750,"url":"http:\/\/localhost\/wordpress\/wp-content\/uploads\/img-thumbnail.png","type":"image\/png"}],"author":"webmaster","twitter_card":"summary_large_image","twitter_misc":{"Napsal(a)":"webmaster","Odhadovan\u00e1 doba \u010dten\u00ed":"1 minuta"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/localhost\/wordpress\/chcete-web-ktery-se-rychle-nacte-casto-staci-jen-pouzivat-jeden-format-obrazku\/","url":"http:\/\/localhost\/wordpress\/chcete-web-ktery-se-rychle-nacte-casto-staci-jen-pouzivat-jeden-format-obrazku\/","name":"Chcete web, kter\u00fd se rychle na\u010dte? \u010casto sta\u010d\u00ed jen pou\u017e\u00edvat jeden form\u00e1t obr\u00e1zku - Vlastimil Lis\u00e1k","isPartOf":{"@id":"http:\/\/localhost\/wordpress\/#website"},"datePublished":"2023-02-19T17:09:19+00:00","dateModified":"2023-03-05T14:59:35+00:00","author":{"@id":"http:\/\/localhost\/wordpress\/#\/schema\/person\/e8439bb1898b899d8aa81ce8f795a106"},"breadcrumb":{"@id":"http:\/\/localhost\/wordpress\/chcete-web-ktery-se-rychle-nacte-casto-staci-jen-pouzivat-jeden-format-obrazku\/#breadcrumb"},"inLanguage":"cs","potentialAction":[{"@type":"ReadAction","target":["http:\/\/localhost\/wordpress\/chcete-web-ktery-se-rychle-nacte-casto-staci-jen-pouzivat-jeden-format-obrazku\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/localhost\/wordpress\/chcete-web-ktery-se-rychle-nacte-casto-staci-jen-pouzivat-jeden-format-obrazku\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Dom\u016f","item":"http:\/\/localhost\/wordpress\/"},{"@type":"ListItem","position":2,"name":"Chcete web, kter\u00fd se rychle na\u010dte? \u010casto sta\u010d\u00ed jen pou\u017e\u00edvat jeden form\u00e1t obr\u00e1zku"}]},{"@type":"WebSite","@id":"http:\/\/localhost\/wordpress\/#website","url":"http:\/\/localhost\/wordpress\/","name":"Vlastimil Lis\u00e1k","description":"Webdeveloper","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/localhost\/wordpress\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"cs"},{"@type":"Person","@id":"http:\/\/localhost\/wordpress\/#\/schema\/person\/e8439bb1898b899d8aa81ce8f795a106","name":"webmaster","image":{"@type":"ImageObject","inLanguage":"cs","@id":"http:\/\/localhost\/wordpress\/#\/schema\/person\/image\/","url":"http:\/\/0.gravatar.com\/avatar\/37e27e515f4c8f4646979d1f3859df30?s=96&d=identicon&r=g","contentUrl":"http:\/\/0.gravatar.com\/avatar\/37e27e515f4c8f4646979d1f3859df30?s=96&d=identicon&r=g","caption":"webmaster"},"sameAs":["http:"],"url":"http:\/\/localhost\/wordpress\/author\/webmaster\/"}]}},"_links":{"self":[{"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/posts\/686"}],"collection":[{"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/comments?post=686"}],"version-history":[{"count":6,"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/posts\/686\/revisions"}],"predecessor-version":[{"id":726,"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/posts\/686\/revisions\/726"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/media\/687"}],"wp:attachment":[{"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/media?parent=686"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/categories?post=686"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/localhost\/wordpress\/wp-json\/wp\/v2\/tags?post=686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}