{"id":16895,"date":"2022-01-24T21:16:00","date_gmt":"2022-01-24T14:16:00","guid":{"rendered":"https:\/\/kiencang.net\/?p=16855"},"modified":"2023-08-23T11:24:06","modified_gmt":"2023-08-23T04:24:06","slug":"toi-uu-anh-wordpress","status":"publish","type":"post","link":"https:\/\/kiencang.net\/toi-uu-anh-wordpress\/","title":{"rendered":"4 c\u1ea5p \u0111\u1ed9 t\u1ed1i \u01b0u h\u00f3a \u1ea3nh trong WordPress"},"content":{"rendered":"\n<p>T\u1ed1i \u01b0u h\u00f3a \u1ea3nh r\u1ea5t quan tr\u1ecdng trong vi\u1ec7c <a href=\"https:\/\/kiencang.net\/tang-toc-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 website WordPress<\/a>, h\u00f4m nay ch\u00fang ta s\u1ebd \u0111i v\u00e0o chi ti\u1ebft t\u1eebng c\u1ea5p \u0111\u1ed9.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_60 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >M\u1ee5c l\u1ee5c<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\" role=\"button\"><label for=\"item-6577d62c6a2b5\" ><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input aria-label=\"Toggle\" aria-label=\"item-6577d62c6a2b5\"  type=\"checkbox\" id=\"item-6577d62c6a2b5\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/kiencang.net\/toi-uu-anh-wordpress\/#Tai_sao_ban_can_toi_uu_hoa_anh\" title=\"T\u1ea1i sao b\u1ea1n c\u1ea7n t\u1ed1i \u01b0u h\u00f3a \u1ea3nh?\">T\u1ea1i sao b\u1ea1n c\u1ea7n t\u1ed1i \u01b0u h\u00f3a \u1ea3nh?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/kiencang.net\/toi-uu-anh-wordpress\/#1_Su_dung_dinh_dang_anh_the_he_moi\" title=\"1. S\u1eed d\u1ee5ng \u0111\u1ecbnh d\u1ea1ng \u1ea3nh th\u1ebf h\u1ec7 m\u1edbi\">1. S\u1eed d\u1ee5ng \u0111\u1ecbnh d\u1ea1ng \u1ea3nh th\u1ebf h\u1ec7 m\u1edbi<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/kiencang.net\/toi-uu-anh-wordpress\/#2_Nen_anh\" title=\"2. N\u00e9n \u1ea3nh\">2. N\u00e9n \u1ea3nh<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/kiencang.net\/toi-uu-anh-wordpress\/#3_Anh_dap_ung\" title=\"3. \u1ea2nh \u0111\u00e1p \u1ee9ng\">3. \u1ea2nh \u0111\u00e1p \u1ee9ng<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/kiencang.net\/toi-uu-anh-wordpress\/#4_Phan_phoi_anh_thong_qua_CDN\" title=\"4. Ph\u00e2n ph\u1ed1i \u1ea3nh th\u00f4ng qua CDN\">4. Ph\u00e2n ph\u1ed1i \u1ea3nh th\u00f4ng qua CDN<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Tai_sao_ban_can_toi_uu_hoa_anh\"><\/span>T\u1ea1i sao b\u1ea1n c\u1ea7n t\u1ed1i \u01b0u h\u00f3a \u1ea3nh?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/05\/image-size-over-web.png\" alt=\"dung l\u01b0\u1ee3ng c\u1ee7a c\u00e1c t\u00e0i nguy\u00ean kh\u00e1c nhau\" class=\"wp-image-16857\"\/><figcaption class=\"wp-element-caption\">Dung l\u01b0\u1ee3ng trung b\u00ecnh tr\u00ean web c\u1ee7a t\u1eebng ki\u1ec3u t\u00e0i nguy\u00ean<\/figcaption><\/figure><\/div>\n\n\n<p>T\u00f4i hy v\u1ecdng b\u1ee9c h\u00ecnh tr\u00ean cung c\u1ea5p cho b\u1ea1n m\u1ed9t v\u00e0i c\u1ea3m nh\u1eadn.<\/p>\n\n\n\n<p>Khi c\u00f4ng ngh\u1ec7 ph\u00e1t tri\u1ec3n, ch\u1ea5t l\u01b0\u1ee3ng thi\u1ebft b\u1ecb ch\u1ee5p h\u00ecnh \u0111\u00e3 \u0111\u01b0\u1ee3c c\u1ea3i thi\u1ec7n r\u1ea5t nhi\u1ec1u. Th\u1eadm ch\u00ed c\u00e1c d\u00f2ng \u0111i\u1ec7n tho\u1ea1i m\u1edbi nh\u01b0 iPhone, OnePlus c\u00f3 kh\u1ea3 n\u0103ng ch\u1ee5p \u1ea3nh \u1edf \u0111\u1ed9 ph\u00e2n gi\u1ea3i l\u00ean t\u1edbi 4032 x 3024 pixel, v\u00e0 k\u00e8m v\u1edbi \u0111\u00f3 l\u00e0 k\u00edch c\u1ee1 v\u00e0i MB. Trong khi c\u00e1c thi\u1ebft b\u1ecb th\u00f4ng th\u01b0\u1eddng nh\u01b0 m\u00e1y b\u00e0n c\u00f3 \u0111\u1ed9 r\u1ed9ng 1500-2000 pixel v\u00e0 di \u0111\u1ed9ng c\u00f3 \u0111\u1ed9 r\u1ed9ng 800 pixel.<\/p>\n\n\n\n<p>T\u1ed1i \u01b0u \u1ea3nh c\u00f3 th\u1ec3 gi\u00fap b\u1ea1n gi\u1ea3m 50 &#8211; 70% t\u1ed5ng dung l\u01b0\u1ee3ng trang v\u00e0 t\u0103ng t\u1ed1c \u0111\u1ed9 t\u1ea3i l\u00ean 2 \u0111\u1ebfn 3 l\u1ea7n.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Su_dung_dinh_dang_anh_the_he_moi\"><\/span>1. S\u1eed d\u1ee5ng \u0111\u1ecbnh d\u1ea1ng \u1ea3nh th\u1ebf h\u1ec7 m\u1edbi<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>B\u1ea1n ch\u1eafc h\u1eb3n \u0111\u00e3 bi\u1ebft c\u00e1c <a href=\"https:\/\/kiencang.net\/gif-png-jpg-hoac-svg\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u0111\u1ecbnh d\u1ea1ng \u1ea3nh nh\u01b0 JPEG, PNG v\u00e0 GIF<\/a>. Nh\u01b0ng ch\u00fang kh\u00f4ng ph\u1ea3i l\u00e0 c\u00e1c l\u1ef1a ch\u1ecdn duy nh\u1ea5t hi\u1ec7n c\u00f3, c\u0169ng nh\u01b0 kh\u00f4ng ph\u1ea3i l\u00e0 lo\u1ea1i t\u1ed1t nh\u1ea5t.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1.1 WebP<\/h3>\n\n\n\n<p><a href=\"https:\/\/kiencang.net\/dinh-dang-anh-webp\/\" target=\"_blank\" rel=\"noreferrer noopener\">WebP l\u00e0 \u0111\u1ecbnh d\u1ea1ng \u1ea3nh ki\u1ec3u m\u1edbi<\/a> \u0111\u01b0\u1ee3c ph\u00e1t tri\u1ec3n b\u1edfi Google. B\u1ea5t k\u1ef3 \u0111\u1ecbnh d\u1ea1ng \u1ea3nh n\u00e0o g\u1ed3m JPEG, PNG, GIF \u0111\u1ec1u c\u00f3 th\u1ec3 chuy\u1ec3n sang \u0111\u1ecbnh d\u1ea1ng WebP \u0111\u01b0\u1ee3c, k\u00edch c\u1ee1 <strong>c\u00f3 th\u1ec3 gi\u1ea3m \u0111\u1ebfn 90%<\/strong>.<\/p>\n\n\n\n<p>D\u01b0\u1edbi \u0111\u00e2y l\u00e0 v\u00ed d\u1ee5 so s\u00e1nh:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\"><strong>\u1ea2nh JPG (58KB, \u0111\u00e3 n\u00e9n)<\/strong><\/td><td class=\"has-text-align-center\" data-align=\"center\"><strong>\u1ea2nh WebP (37KB)<\/strong><\/td><\/tr><tr><td class=\"has-text-align-center\" data-align=\"center\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2019\/03\/anh-meo.jpg\" alt=\"\u1ea3nh m\u00e8o JPG\" width=\"640\" height=\"640\" srcset=\"\/\/speed.family\/wp-content\/uploads\/2019\/03\/anh-meo.jpg 640w, \/\/speed.family\/wp-content\/uploads\/2019\/03\/anh-meo-150x150.jpg 150w, \/\/speed.family\/wp-content\/uploads\/2019\/03\/anh-meo-300x300.jpg 300w\"><\/td><td class=\"has-text-align-center\" data-align=\"center\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2022\/02\/anh-meo.webp\" alt=\"\u1ea3nh m\u00e8o WebP\" width=\"640\" height=\"640\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Nh\u01b0 b\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y, c\u00f9ng m\u1ed9t \u1ea3nh khi chuy\u1ec3n sang \u0111\u1ecbnh d\u1ea1ng WebP \u0111\u00e3 <strong>gi\u1ea3m \u0111\u01b0\u1ee3c 34% dung l\u01b0\u1ee3ng<\/strong>.<\/p>\n\n\n\n<p>M\u1eb7c d\u00f9 WebP l\u00e0 \u0111\u1ecbnh d\u1ea1ng c\u00f2n kh\u00e1 m\u1edbi, n\u00f3 \u0111\u00e3 \u0111\u01b0\u1ee3c <a href=\"https:\/\/caniuse.com\/#search=webp\" target=\"_blank\" rel=\"noreferrer noopener\">h\u1ed7 tr\u1ee3 b\u1edfi h\u1ea7u h\u1ebft c\u00e1c tr\u00ecnh duy\u1ec7t hi\u1ec7n \u0111\u1ea1i<\/a>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/05\/webp-support-1024x377.png\" alt=\"tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3 \u1ea3nh WebP\" class=\"wp-image-16887\"\/><\/figure><\/div>\n\n\n<p>L\u01b0u \u00fd: Hi\u1ec7n nay v\u1eabn c\u00f3 kho\u1ea3ng 20% ng\u01b0\u1eddi d\u00f9ng v\u1eabn s\u1eed d\u1ee5ng tr\u00ecnh duy\u1ec7t kh\u00f4ng h\u1ed7 tr\u1ee3 WebP (n\u1ed5i b\u1eadt l\u00e0 iOS c\u1ee7a iPhone \/ d\u00f2ng \u0111i\u1ec7n tho\u1ea1i cao c\u1ea5p r\u1ea5t \u0111\u01b0\u1ee3c \u01b0a chu\u1ed9ng tr\u00ean th\u1ebf gi\u1edbi c\u0169ng nh\u01b0 Vi\u1ec7t Nam). V\u00ec th\u1ebf b\u1ea1n ph\u1ea3i ph\u00e2n ph\u1ed1i WebP d\u01b0\u1edbi d\u1ea1ng c\u00f3 \u0111i\u1ec1u ki\u1ec7n. T\u1ee9c l\u00e0 tr\u00ecnh duy\u1ec7t n\u00e0o h\u1ed7 tr\u1ee3 m\u1edbi ph\u00e2n ph\u1ed1i, c\u00f2n kh\u00f4ng b\u1ea1n v\u1eabn ph\u1ea3i s\u1eed d\u1ee5ng \u0111\u1ecbnh d\u1ea1ng \u1ea3nh th\u00f4ng th\u01b0\u1eddng, n\u00f3i c\u00e1ch kh\u00e1c website c\u1ee7a b\u1ea1n v\u1eeba ph\u1ea3i c\u00f3 \u0111\u1ecbnh d\u1ea1ng .webp v\u00e0 c\u00e1c \u0111\u1ecbnh d\u1ea1ng kh\u00e1c \u0111\u1ec3 ph\u00f2ng.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tri\u1ec3n khai WebP trong WordPress<\/h3>\n\n\n\n<p>C\u00e1ch d\u1ec5 d\u00e0ng \u0111\u1ec3 ph\u00e2n ph\u1ed1i \u0111\u1ecbnh d\u1ea1ng \u1ea3nh WebP l\u00e0 th\u00f4ng qua CDN (khuy\u00ean d\u00f9ng, t\u00f4i s\u1ebd th\u1ea3o lu\u1eadn k\u1ef9 b\u00ean d\u01b0\u1edbi sau). Nh\u01b0ng n\u1ebfu v\u00ec m\u1ed9t l\u00fd do n\u00e0o \u0111\u00f3 m\u00e0 b\u1ea1n v\u1eabn ch\u01b0a s\u1eed d\u1ee5ng CDN, b\u1ea1n c\u00f3 th\u1ec3 c\u00e0i \u0111\u1eb7t <a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/webp-express\/\" target=\"_blank\">plugin WebP Express<\/a> \u0111\u1ec3 \u0111\u1ea3m tr\u00e1ch nhi\u1ec7m v\u1ee5 n\u00e0y.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1.2 SVG<\/h3>\n\n\n\n<p>SVG l\u00e0 \u0111\u1ecbnh d\u1ea1ng \u1ea3nh vector, trong khi JPEG, PNG, GIF, v\u00e0 WebP l\u00e0 <a rel=\"noreferrer noopener\" href=\"https:\/\/kiencang.net\/toi-uu-hoa-anh-tren-web\/\" target=\"_blank\">\u0111\u1ecbnh d\u1ea1ng \u1ea3nh raster<\/a>. N\u1ebfu b\u1ea1n ch\u01b0a bi\u1ebft v\u1ec1 \u1ea3nh SVG th\u00ec \u0111\u00e2y l\u00e0 \u0111\u1ecbnh d\u1ea1ng \u1ea3nh \u0111\u01b0\u1ee3c th\u1ec3 hi\u1ec7n d\u01b0\u1edbi d\u1ea1ng m\u00e3. Tr\u00ecnh duy\u1ec7t t\u1ea1o l\u00ean h\u00ecnh \u1ea3nh d\u1ef1a v\u00e0o m\u00e3 n\u00e0y. N\u00f3 kh\u00f4ng b\u1ecb suy gi\u1ea3m ch\u1ea5t l\u01b0\u1ee3ng khi b\u1ea1n ph\u00f3ng to.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/2705.svg\" alt=\"\u1ea2nh SVG\" style=\"width:298px;height:298px\" width=\"298\" height=\"298\"\/><figcaption class=\"wp-element-caption\">D\u00f9 b\u1ea1n ph\u00f3ng to nh\u01b0 th\u1ebf n\u00e0o, \u1ea3nh n\u00e0y v\u1eabn gi\u1eef nguy\u00ean ch\u1ea5t l\u01b0\u1ee3ng &amp; c\u0169ng ch\u1ec9 c\u00f3 k\u00edch c\u1ee1 ch\u01b0a \u0111\u1ebfn 0,5 KB<\/figcaption><\/figure><\/div>\n\n\n<p>\u1ea2nh SVG l\u00e0 l\u00fd t\u01b0\u1edfng \u0111\u1ec3 s\u1eed d\u1ee5ng cho icon, logo, b\u1ea3ng bi\u1ec3u minh h\u1ecda, <a href=\"https:\/\/kiencang.net\/cach-lam-infographic\/\" target=\"_blank\" rel=\"noreferrer noopener\">infographic<\/a>, v\u00e2n v\u00e2n. Kh\u00f4ng gi\u1ed1ng nh\u01b0 WebP, kh\u00f4ng ph\u1ea3i t\u1ea5t c\u1ea3 c\u00e1c \u1ea3nh \u0111\u1ec1u c\u00f3 th\u1ec3 chuy\u1ec3n th\u00e0nh SVG \u0111\u01b0\u1ee3c (v\u1ec1 m\u1eb7t k\u1ef9 thu\u1eadt th\u00ec OK th\u00f4i, nh\u01b0ng n\u00f3 s\u1ebd t\u1ea1o ra b\u1ee9c \u1ea3nh c\u00f3 k\u00edch c\u1ee1 r\u1ea5t l\u1edbn). \u1ea2nh SVG \u0111\u01b0\u1ee3c v\u1ebd b\u1eb1ng Adobe Illustrator, Sketch ho\u1eb7c c\u00e1c ph\u1ea7n m\u1ec1m t\u01b0\u01a1ng t\u1ef1.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tri\u1ec3n khai SVG trong WordPress<\/h3>\n\n\n\n<p>Theo m\u1eb7c \u0111\u1ecbnh, SVG kh\u00f4ng \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 trong WordPress. B\u1ea1n c\u00f3 th\u1ec3 c\u00e0i \u0111\u1eb7t <a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/svg-support\/\" target=\"_blank\">SVG Support<\/a> \u0111\u1ec3 b\u1eadt t\u00ednh n\u0103ng n\u00e0y.<\/p>\n\n\n\n<p>\u0110\u00f3 l\u00e0 t\u1ea5t c\u1ea3 m\u1ecdi th\u1ee9 m\u00e0 b\u1ea1n c\u1ea7n, gi\u1edd b\u1ea1n ch\u1ec9 vi\u1ec7c t\u1ea3i l\u00ean \u1ea3nh .svg nh\u01b0 \u1ea3nh th\u00f4ng th\u01b0\u1eddng!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1.3 Base64 \/ \u1ea2nh n\u1ed9i tuy\u1ebfn<\/h3>\n\n\n\n<p>B\u1ea5t c\u1ee9 \u1ea3nh n\u00e0o \u0111\u01b0\u1ee3c th\u1ec3 hi\u1ec7n d\u01b0\u1edbi d\u1ea1ng 64 k\u00fd t\u1ef1 v\u0103n b\u1ea3n th\u00ec \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 <a href=\"https:\/\/kiencang.net\/hinh-anh-ma-hoa-base64\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u1ea3nh base64<\/a>. Kh\u00f3 hi\u1ec3u \u0111\u00fang kh\u00f4ng \u1ea1?<\/p>\n\n\n\n<p>B\u1ea1n h\u00e3y nh\u00ecn v\u00e0o m\u00e3 \u1ea3nh \u0111\u1ec3 th\u1ea5y s\u1ef1 kh\u00e1c bi\u1ec7t. \u1ea2nh th\u00f4ng th\u01b0\u1eddng trong HTML tr\u00f4ng gi\u1ed1ng nh\u01b0 th\u1ebf n\u00e0y:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img src=\"https:\/\/example.com\/logo.png\" width=\"100px\"&gt;<\/code><\/pre>\n\n\n\n<p>C\u00f2n d\u01b0\u1edbi \u0111\u00e2y l\u00e0 \u1ea3nh base64:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img src=\"data:image\/png;base64,iVBORw0KGgoAA......==\" width=\"100px\"&gt;<\/code><\/pre>\n\n\n\n<p>Thay v\u00ec s\u1eed d\u1ee5ng URL, base64 l\u00e0 m\u1ed9t chu\u1ed7i b\u1eaft \u0111\u1ea7u v\u1edbi d\u1ea1ng nh\u01b0 sau: <em>data:image\/png;base64<\/em>. Ph\u1ea7n \u0111\u1ea7u ti\u00ean \u0111\u1ea1i di\u1ec7n cho ki\u1ec3u d\u1eef li\u1ec7u, c\u00f2n c\u00e1c k\u00fd t\u1ef1 \u0111\u1eb1ng sau d\u1ea5u ph\u1ea9y (&#8220;,&#8221;) \u0111\u1ea1i di\u1ec7n cho \u1ea3nh c\u1ee7a ch\u00fang ta.<\/p>\n\n\n\n<p>L\u1ee3i th\u1ebf so v\u1edbi c\u00e1ch s\u1eed d\u1ee5ng URL l\u00e0 d\u1eef li\u1ec7u c\u1ea7n thi\u1ebft \u0111\u1ec3 <a href=\"https:\/\/kiencang.net\/cach-trang-web-tai-va-hien-thi\/\" target=\"_blank\" rel=\"noreferrer noopener\">k\u1ebft xu\u1ea5t (render)<\/a> \u1ea3nh \u0111\u00e3 c\u00f3 s\u1eb5n trong m\u00e3 ngu\u1ed3n HTML, v\u00ec th\u1ebf tr\u00ecnh duy\u1ec7t kh\u00f4ng c\u1ea7n t\u1ea1o c\u00e1c y\u00eau c\u1ea7u HTTP b\u1ed5 sung v\u00e0 c\u0169ng kh\u00f4ng c\u1ea7n t\u1ea3i file v\u1ec1.<\/p>\n\n\n\n<p>D\u01b0\u1edbi \u0111\u00e2y l\u00e0 \u1ea3nh PNG:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/05\/mfy-logo.png\" alt=\"\" class=\"wp-image-16893\"\/><figcaption class=\"wp-element-caption\">\u1ea2nh PNG &#8211; dung l\u01b0\u1ee3ng 14KB<\/figcaption><\/figure><\/div>\n\n\n<p>C\u00f2n \u0111\u00e2y l\u00e0 \u1ea3nh Base64:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAa0AAACSCAYAAAD2DZX7AAAABmJLR0QAAAAAAAD5Q7t\/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAgAElEQVR42u3deaAXxZUvcF5ixriz3v1yL5hJZktmXpZJ3nvJTHxvJplkEmM0RsUdEVBcQAFREEER2VxxAeO+oOK+L7gvGZ1oYhJ3RBE1cd81Jr5JT1d3Vfep06eqq\/rX\/VvuPX+cBOQHImJ\/OOd8q3pIEARDuLiK1NaL\/yvYegmqpaL+HNeyuD53fOBcy38ezOVfWy4uLlPxLwJXPk7HfRIktej\/67UYlh0wH7wYMi4uLkaLyw2pY\/8UJLVQ1SdxHYfKiFg1gDFkXFyMFhfXkK2P+WOw9QJcAK8iiFGALQWALWPAuLi4GC0uhxp79MdBpo4R9ceotlblhBgB2KJP6t59ieJ\/t1xcjBbXQMJq\/h+CsSFAUYXoaFUrYrAL8+m+lujdF+PFxcXFaA12rI76SEL0R70WgDoWQLZQ1CfB2BAdI2K5gH3iBliFeDFgXFyMFlcrYTU3xEp0V1F9HJepo1qAEcsCtrUTYp6AGXdf5e29+PcCFxejxdXMWB35YRB1V6rm\/UEviNh8DNjHqBP7UwYwDa\/k+1JjRI\/xIePFxcXFaA1SsObC+iguG2IQMsNeK7MHEwCp7mt+9vtkRoh53RfjxcXFxWgNIqyO+CAYO+dDvY5EZULsKIyXLNRJad3XAoDXQgIvI2A53ZcjXrzv4uJitLhasE6+\/eO5Y0KwxswO0aJqjioCMojYXAIwDbGPs2EOuP9C+GQBI\/ZfVPdlDG1Ugxf\/HuLiYrS46lRjZr0XjDn8\/bSOgPVBWrPTykCmdWMfZTsx2wiRwCsZ+4nwhikAUhpef2a8uLgYLa6m767WhN3VYSFYswwFIctg9r4O2Zy4Mp2YbYyY2X\/l4GXcmfng9Qkdleeui4uL0eJqZrD+MHfMzHeDMYeZ6r20bJBBzGa\/r3VjYzKAfUiPEHEnhePzAB8yuVhL58UjQy4uRouryceB098JxsxANRPWu9mCkJFd2XuoG\/sgA9gYag+WCXCY8PpTgpc2bpxPjxvtoQ0XvMpJGfLvNy4uRourFrAODVFSNZ2oGaayIHYYxssC2BwJmELMiNcfDAeXU3xqw6t+I0P+fcfFxWhxEdVzXRD0XB8EvTfIujGsm4Jg9M2ybgnr1rBuC4I+UWvCuj2sO4IQsbf1mo4Lo0YhJgt3X8kYEXdfaQc2xobX\/OzOS+GTCXq44FVkZMhwcXExWly1VfdVQdB9dQjVNWFdK8sVrlsRXBKv\/jvDukvW3SbMiM4MjxUxYHAfluzAKLxQ8pDCC+y7jHjNy8PLc2RYQtfFv2e5uBitQVNdq4Og6\/K4uq8I68qwrpKl4LoGwXW9DleClwtcd6Zw9d8T4iXqkLdCuN4iICNGiwoxGOww4aUAE3gdqXZfhsj8\/GxMPoHLI2Kfwcs5ZcjjQi4uRovLWJ2XBEHnpSFWl4W1WpbAS8F1pQdcNyK44LhwjT4uNMJ1b1j3yRKIHUKNFDFgRCqRCm\/A0AYMbmCM5pvxMp4Py8D1sf\/IcAl3XVxcjBZXpjouCqG6OKxVYV0iywTXFTpc2rjwuric4UJ7Lm1ceLccFyK4xj4Q\/v+0tyyAva3jhYMcVHiDwovaeeG7CsXI0HQ+rJaRYQXjQv59zsXFaLU+VhcEQceFskK4OhRcqxBcIVJdIVJdIVBdIVDdokKkukOguq+n4Soa0KDg6ldwKbzuB3glgL2V3YVRIQ5q70UlDjMYUbsu2XnZDje74GXrugzjwiJ48e95Li5GqyWr\/bwgiOr8ECoB1ypZIVQdIVSdl8kKO6xO2WFpcF2N4JJ49YRA9YRA9dxUfkDDBBeJFwQMjw9NwQ0DXmPxyNAU1MDXS9U0MnQYFzJcXFyM1kCvtrNDqM6JsWq\/QBbosjS4LtXhivDyhSvEqfcWWWUGNAi4RPVPfTPon\/Ym3X3hGL0W3LCkDWXS0AwRgGv2B\/SNHLV2XaZxIcPFxcVoDViwQqyiOjcs2WUleLnAtRrBBceF1+rjQiNcciRYakADwQXxiiuv83onOzaEeKmrouagy3nJXdcfwcW+niNDrevyGBcyXFxcjNZAqlFnBsGon4VQnSXRgnCdp8PVjuG6hIDrioJw3azDNXqNO1yuAY0MXKokXv22vVcyNqT2XWlYY+wcAiJ8o4Z2K73vyLDAuJDh4uJitAYEWCtDsERBuM72hyuz51Jw5QQ0rHDdGsM1+vbiAY0xlj1XBNfBb8SV4BXD1Q+Th1TiECcN0fVQJEQQoPCz0cstE7xcRoY+48JPjHsuhouLi9FquXr2neDzI88IgpErJFo2uM7NgWuVB1xX58B1E91xRXDdUX5Aw4qXAkwdXoZjQ2NMHgQ15qCuCwN0+Ps6XraRYc3jwtr2XPzfDBcXo9WwGnlaiJWo08NScK3Q4RrlA5dtz3UFGhfmwXUjgusWBJeEqRBceXuug97IxavfODJ8l4ZrNgEX2HONSeB6nx4ZkmfBCowLa4SL\/7vh4mK0GlIjlgfBiNMkVhKskRasBFJkQKMWuK7Kh6vXFa6yAxoHvg7wQjuvQxRebwf9VEzeEo8fq6LxCUIpQCrUYYTLtuvKGxcyXFxcjFbLgnVyCNYpYZ0awzXidBoubTx4Xjb+3n5xFi5rQEPG4Z3hugHBdTOCa00KV9+dFQQ0IrgIvKbBndfbEi+UMsTxeBDSGGs40wWhI7uussaFOKDBcHFxMVrNWsNPCoLhAi0I1+kIrjMJuKj4+0UxXAooJ7hWI7iuRHBd4wHXbQiuOyoIaBzwetp1KbymvpHFK+m63kbxeOIuQ62D0gHC58DKGReWDxf\/t8TFxWhVD1b4sBl+YlgnxZXAdVq24yIDGSa4LgJAXeYQ0LDBdTWC63oEl8Lr1gJwFQxo9B\/wWgxXBi+UNDz0bXrXRUXjcVpQAkQFOrSuq8i40AbXYhouF7z4vykuLkarshq2LAhEDT+BgGu5I1xgn5XgdSENV4SXK1xX1ADXrfUJaERwqa6L2neBiDwNF3oBpQ0uA3Te40JTQMMRLkaLi4vRagxYS0Kwlso6HsCl8DpFwiV3XFGacAUB19kEXGqfpfBaFcMUlcBrtSGgYYNL3QoPrn3S4LrRA64SAxr9U17T8YL7rsy48C09pIHvMEzOdGG4Pkwv7SWujXIaF3rD9QmCi7stLi5Gq5FoLQ6xUnAtI+A6WcJ1KoBLpgpH2eASdT4B1yVZuNovyoHrcjtcPRCuGxBctyC41rjD5RvQiOBSeOGuCycMk2i8PRY\/1hkun3EhfVlvNlmI4FrCcHFxMVo11MoXg2CFrDNEbYjrdFCnyaK+\/9DjgmDoorAUXEsQXCcguGTHNdIFrnMQXDBVCG7ISDquyy1w4Vvir0RwXVsDXDfX\/m4u1XX17\/9qWAAuhReVMNTGhYZYfNJB6WO\/LHSe40JXuBbWDhc\/aLi4BhlaP3spCM58Ma2VslZAsDbYwRJ16gtpLZd1iiwNrqUEXCcRcJ2eHjzOHDqGcJ2H4JJjwkrhup6GyxTQsMLlGdDo3+\/VGC\/cdZkOJefuudDoD8M1413jRb35cH3EcHFxMVrlQKUKY1ULWMsJsESdLGp9XBiuYTBVqBKFy8F+C8Kl4vBnSbhAqlDA1XY+ggvgFKEl4RJ7rNz3cl2B4LrGAy5iz1X46qd7LHBpeL1O4wUv4CX3XBRcH8rPE3BR40JvuD52h0uglfMmZH7YcHENQLQgVLWApWHlCdZJoE5cnw8XvupJ67hscF2YnuNKui7UcUVwXVwDXNfVAFcJAY2+ya8QXReKxk8l4IJdF4QIIZRe1PuOAboK4MI3Zwi4lqZwcbfFxTXA0aKg8gXr9FrAWp8F60RQJ4h6Pq5hJxBwnZqFaySGi4jDt11ggOsyNCq8wv5Cya7La4DLsOcqBBex5+qb9EoEV1\/SdSG4RBGjwjHJxbvUjssRLmJcaAxokJF4H7hkFH7pf1nh4gcOV169+96Hwx58+Ml\/oYp\/fRqMlgtWxv3Vi8X2V8sduysKrONBKbiSM1wCrlMBXCsIuHCq0ATXpcSOywOubgwXDmg4wJW8m6uEgEYKl8LrNT0af9Dr5Hmu5GWT0+mzXNHN7wKtafjVKEXh+tAfLtNrTQxw8QOHC9cTT73wlVNWXrNov0NPWfPlb08JXGrbcUetmznvrNXi+w1GzJoKq7L3V6cWGAfawFoGaunzOXARB5AFXKNQHN4VLm3HRbxQsjBchoCGE1wOAY2+ib8P4fp9DJfsuvrUuDAJaKg9l353oRWusOMS+ERoecI1phBcxDkuvN9anP8+Ln5Qc4luSoDz7R\/OeMsVqjzEBH6MVp2xKgOsWvdXGKzjLWAtfS6uJc+BYMZyANcZCK6fpR3XKJQqFHC1Qbgusey4KLguy4HrGg+40NuQtTciF3w3VwLXJAtcB9IHkdMdFx2Hj+CaiuA6tES45hNwHVscLn5oD+668rr7JwpkysAKlujUGK06YtXIwIXLONAGlqrFEC8Uh\/eGa1W642o3wbXKHy5tz0Vd+4Tg6r3RDJdPQKNv39\/FcE20wHUADdeYQ\/LhEp9N4SI+TwY0SoBrIYQLXPeUwPVnhosrqQXLVq0sGytYjFadsMoD64ySAxcnlQzWYlCLcuAaieHCqUJXuK4k4Lo0B66rPeC6BcF1I4KrQEAjgmvfInBJiFQXRV20Wxiu97Lnv7zgIvZbmR1XFi5+gA++ceCuExc\/XCVYjFYTd1f12l8dj7F6nu6uIFhRrUPnuNCOa+SZRMdFwXWxniok4brYAy7Tnsv2QskQpt4bCLgKBjRouF5J4ZqSAxd5jisGSO3DNLgOqRUuIg4vgxlGuMhUIXdbg7l8QhaMVgPQagRYyysOXDiBtS6u40Al9xRCuFYiuM6K4RqF4bqIgAvH4dF9hZ1gXNi1WlYeXDnv5epVcN1QA1wSr74JL4dFjQolXCpZeKAjXOAKpyTIcbCA6836wLXAEoUn3sXFaA2+EoGLeoDFaA3Q\/dVJJe6vMFgQq4Wg1CW7VrjOBnCdq8PVlnMAORcudO0TGdDIgUt8O4arSECjb58QrX1+hzqu3+tnuchwhuyiMFwgaNF\/4BtmuPCBZRNcR+TB9QcaLrzf0nZc9JiQH+gDv0QcvV5gMVoN2l814sBwLfurPLCOlUW+1sQFrgsJuC7NgWsVguuyfLi6r9WvfaL2XBFc13vAZdhzRXCJbmvC79KAhgmuA8ABZBKuFKD4s284dFxvW27PIMIZ+OaMZL+VwqUFMwRYC4kxIYKLH+o8FiyzRCKR0aqou2rWA8MUWEtqBevZuBY8i+A6IwcuteeS+y2FlykOL855GeG6FMFlC2hY4FLhDQ2uAgGNvvEvGeBCt2dMeTUdFR70hqXjKgjXjBLgMu23rLdmcLfFXZZbiXNcAj6ROhRjRljir6voPJ\/T4v1Vof0V7q4UVqqOkWXquEZScJ1ngGtVDlwXe8BlumyXCGh4w0Xsufr2fimFS+FlhIu4IX4qgAglBPunvJ6Fa6oHXLabM\/LgWmB6D5d5v8UPd463U1AJlF58+fWx\/OtYMlr1AqtRB4ZdwVroAdYxsOM6PdtxjURxeDEqHKX2WxcAuFYRcF2ehatTwQXHhZfnJAuvM8PVg27XKBrQiOF6OS4BF5Eq7N\/vFQBXNpiR2VdFaMnPanCldxs6hTMwXPiSXRGFtwUzjjXARey3+AE0cKvIbRciFs9YVYRWU+2vKj4w7Lu\/soF1tCwVh6dGhS5w4VSheq2JeslkBNdFBrhWZ+Eir366LhvQ6LkmHy6XgMbovV7UO64JJrheNcI1hghmaBfyEnDR4Ywa4Jr3Eb3fIl9nkt1v8QNo4N4nWKTLGkwjvrqiVXR\/tbLk\/VU9DwwXAYvC6ui1QTBfFoRrhAkuEIcfdb79HFcGrgsRXKsQXKs94LoewYWuhfINaIze88UQrpeycE2QcE1KwxkRXOQZrixC\/fu9WhtcM3PgohKFVLflfCs8wzUQ69xVtx3mC5YYJ\/KvXYPQGqgHhvMCFws8wBI1b20ah7fCBVKFo\/A5LuK1Ju3nO8KFI\/GGy3a7EVzi23LhcghoxHCFpe24UKJwEui29iei8Aih6LP7Ua9A8YHrXeurULyCGQvy9luMFu+z4uJXj1SEVqsFLhq9v7KBJeqotXqqkIJrJLgdXqCVwHVhFq4ODNcFOlzauNAXLokTTB1qcHkGNEbv8WICV7LjygQzfk+MCalghkRLfdYK15vF4KKCGXhMeLSEC1\/1dKx5TMgPIY66ixJXPfGvXclo8YHh2sGah8A6yhUuU8d1IbodXsLVfp4fXNSeyxsuz4DG6D02xJUL1yspRiRcesiif\/KrZrgy0XniwLLlDJd9vwW6LVmZMSEBFz+EGK3BdDC4bmhVvr\/a0Nr7qwUUVs\/S3ZUG1jNBMFcWTBU6w3WBA1xhdUC4LnKHC78JWe25ulHqsFBAY\/cNcQm4BFrJjgvBNckEF0JIAtQfffZVfaxoheutfLhM+y3cbWUu1sVw0WlCfhANrOKDwQ1Giw8Mmw8M+44DTWAdGdZwcDu8QEuDayUNVxtOFco4vDijJQ4nk3BdmAPX6ny4uq+QcF2J4PIJaOz2QojWC7LbijuuCC54hguMCSOMVAx+fzT2A\/cT9k98BcH1Gh3kyINrBv3iyVy45hteHmkZE\/KDaHCjNZjehdVQtPjAcHGw5iKwjsRwnZZ2XCNyOq628+k3ILedDeAC40JvuK5AcF2Tfps3XHBcuOsLCK4XiSi8vt\/qz4nBq8i8ES7q9ScH55zhmvkOvd+a\/b5MExJjQjQqzEsT8oOI0eJft5LQGkwHhuu1vzKBNUegdbKE61QPuM4j4JK7KyNceM+F4brM3nHBb0u6Lt+Axrj1IVzrM3D1WeDq1+DKdk9JZH6i7MyKwmV66eRhDmNC7eAx6rYW0N0WP4gYLf51qxAtPjBMg+UzDqTAiurpAnCp\/RaIw7fLVGHbWQCucz3govZcAK6uyzzgMuy5IrQ0uDYQcGX3WxFak0G3Be4njCLzGC5TopC6ZWPqm277rcMd4Mp7cSSAix9EjBb\/upWAViMODDfd\/mpd+furuRRWYc1+Oq0IruVhFYSrXcLV9jMA1zkIrvNLhOtyBJdjQGP0LgCt3dL9Vt+ehhszMt2WnibUL+Il4Nrf4QzXtDfd91twTHjkB+nbjg3nt8gxIaPFQQwOYpSPFh8YLi9wkQfWEQKtk+JuKxeuMyVcKlEIXiQpxoSjzgRwneMJl2nPJeFKLuF1gcuw5xq9y\/Nht\/U80W1tILotCBedJtQ7s9+7w2W6Rd55v4W6rcz7t+yhDH4QDZwSdwcWucLpyuvun8i\/fjWgxRfe1nZg2GV\/ZQLrCF+4fka8i+u8dL+lwYU7Liqg4QiX+rYu+JZkz4DG6J2fl3CtzwQz+vZEMXhwP2HSbU3WL9Xt21tdwqt3W33JfgtBN6WG\/RbutlxuyzCEMvhB1Jo4iVssYAl4xKW3RV9FIsaEeTVu4qJHRB006\/Qbbrj1od3xz0FUM95hKH5O1M8VV81o8YHhagIXan9FYXW4rOEnpvstK1wrEVznpHAJjEat9IDrAh0uY0DjCh01Ei6XgMZOz8VoKbjUmHB30G3tZRoTZhHSb48n4JpsOKhc635LGxN+mO24tDFhNpTRqpfCioe0ereTqcS3i7v4qri9XPyYt931yI7wHVOmmjnvrNXiM+Lztd4+IX6Mer6RuCiArXitlUA\/798PCRYfGDYcGF5bTuBidg5YomY9FQTDTnKE60w9Udh2Tvr241ErcuA61wMu0HXhuwy7LvMMaCi0dn4OdFvriW6LShOCsR84u5U5oOwTzPDZb4kxYYTWuwlaY2bnXKo7zxzKKPshIf6jd72VweUhoX5MgU8tb+MVu5ta3hUlvp\/4OQiA1AsQi5b45xY\/lyKA1fONxLVUM4wci9x4L\/4de6E1WA8MN2p\/ZQIrQusER7hWILgkSqLbitDygUvtuSwvlBRwUZfwZuDKCWj0\/nSdhOt5Aq4NOlzj1ZjQdHbrtexIESYP\nS99vOZzdchwTlv2g8O0ExMPb9mMJJMp8mKoXHbqCUcXPoejPpZXQEjC34uXBtt+PGbT4wHD5B4aLgnWYQOv4sE6UcDnuuEZRcJ1hh8sY0KDgkkAlh5PxAWWPgEaEVlijKbh2j+HqI0MZ4OzW5PQsVgJcBNfLxkt4a9pv2bot26W6llBGo1\/1To2SxJ\/Sa+1mXB6qtv1LPX4OEC\/XXVCroNXo2+PFHwSK\/JzzOvEMWo0MXJwwAA8M4\/3V7BysFFiqom7LBy7wLi51Rku8aNIKl23PdRGdLNRu1SBeNpkX0Oj9ybNB747PArSeI9KELwR9eEwI372Fuq2+PV7MdltV7bdM3ZbLu7fm691Wo9GCIxnxfev5UKawED+HWgINVY\/UWgmtRr6nS3RMvj9f0VF7BTEqPTC8fvAeGHbtrjBYMwVaywBcJwK4Ts3CNRLCJfESGI08Pa7CcKFIfFToEl5fuHp3WCvhEt3WcwgukCbc4wXUbWVDGX3y5os+0ZlRcOWNCV1eZeLSbR3+vvnQsSWU0QxoNbIEXCogUeRBV+\/upJXQculcqqoiXbJLZ5gBawUfGK7kwHARsEQNXSrHhCekeNl2XAquUQCukaeZ4Rql4MoLaCC4rLfHOwQ0ercP0drh2QSuCK2dAFrjDN3WeACRQigESHw2Rkt+1gbXRI\/91sH0W5KzcKmbMlTHpV5hkt9tDXa0mhFR246r1dDK2xFVUaJjrWoHp6HV0geG19UvcFHF\/gpjJWrGk3ENXWaAa3kWrpEQLonSyFMlXKchuFYUh0v9dePt8TkBjd7tn0Hd1jqi21qvY2RJEqrOTIMrQQvcHO+y3zKNCfO6LdsrTDJwpbstRqu1IuOthpZAuN5oFRnvuqYdky\/wgeHqDwy7dlcQrAitJQCu4wFcp9Adl4JLdVPi5ngSrjNQx5UX0ABwwRFiB3GXYV5Ao\/fHz2S7LRzKiNBab95t7ZPutqLPRnBtyB8Tkvst1xdH5uy2yLsJ7UlCRqs5yxTMaIYRZjPH34v8\/vOB1QmsZjwwXPf91drq91cUWNMFWovjMWEGrpN0uEYY4BpxCoDrVA+4zqbhim6SR52YL1wRWj9em3ZbYY22hDL6MklCvdvSb9XYkEXOJwZvShOqs1sRWm9lu62ZDjfBE90Wo9V6IQZ1sBqW+Lx4+BbthsT3xz8mVbPmn31pM99vWEXMnUSLDwzX58CwK1jTQR2qui0F1zIUhz85C9dIANeIk81wJXgpuM50g8t6xsshoNG73dOg21oLui0QyhiX3pTRl3RbKAIfAqTtwcgxIYBuvOeY0DmU8W7OTfDmbqtV0BIjH5EyFD8+3vmIr6vbKaqMqatDwabriuAtGWX8PHwPHxc5TGvr6socUdYj\/l707kWfsEj0P3zhbf0ODM8yYWUBK0JrkQWuk+1wjTgJwbU8Hy7jnksClfy1czzgAl1X749CtLZ7Rh8T7hh2Wzsadlu7S7iIc1v0HYamMeFL+bfB72cJZURvSDZ0W8mo0K\/bama0RAdQ5Bom8X0aeQAYHkwu2v2IEt+\/6k6jSBdU5Coplzh5I2LuvrH8IXxguNrARZFxIAZL1FbHyTGhgmspisODjmsEgkvcY6jBdQqC6zQE18p8uGAn1k5E5W0BjZ5tnwp6t4VopaGM0Xi3ha53yoQsIrTUHmy9fUzomyb0CWXYbsrI6baaFa2iUNTadWAwa70rUHz\/oue+iiTvfB\/cRe8JLNJJVh1\/L\/IHBN8OcEhd9ld8YLgwWIeIeiJGa6tFBFwwmEHAJUAafoIHXCuISDwKaFAjRGe4wur5oUQLdls7pKGM0ZYkYfZOwpezN2rk7bdsacK8UEam21JovY1eX+LebTUbWuIhWtbDrWhoocyfg4KryAO1CCj1QqtIrLzK+HuVMXcNrcFwYPjokg8MV72\/wmBFaC2UBeFaYoYrQkvCNfx4Ai7LnisPrszuyxKVpwIaPT8QaD0Vo\/WjpzNJwtE7AriId24lCIUARZ9L9mDPk5fvOp3d2tfz7NZUMCJ0eX2JpdtqJrTKfqgVucqnqgdrkYeqqGZFqwjEeWfQ6n2YuEiqcQgfGK7\/geEZLmA9kdY0WRFaxxFwLTPAJVEavswfrpH4EDJACo4QXeDCe66eHzwZ9P4QwLWdTBJuvzaLFuy2ZPwddlvaOHGn593GhHtbxoSTzC+ZNHZbxlCGW7fVLJHjqhb1vpfdNtv4qlnRKtrJ5t2i3owx9wxa9QhcDMYLb4vuryiwpgq0jiXgwnF4CZO67kmgNGyphGsZgisvoGGAi7w5Ht8ebwho9Hz\/iaDn358Men4o4coEMtYGo9Vua6d1hjsJ4\/dtRZ\/7yToJl0O3ZXzdycv02S0qSXjQ6zRaLrfAE7dkNMs5mSqTZb4P1maLY\/v+2tQTrSKdbBXx9yK38BftqIfwgeHmCVzAceA0BJaoLRcQcC2ywCW7qWFLHOE6JQeuleiv+cAl8UrQorqt7dMxoR7IeC5zka7otqLPKeCMcJUZyiC6rdwIvL3baha0mumwaZVhgSIjwmZGqyjERVKRjYy5Z9AqChZfeFsbWId6gBWhdbQFriUgUYjgGrYYwLVUhys3oIHg0v6aZYRoCmj0fO+JBK5e0W0lSUJ9t5WOCNdlL9IN0Yo+F9ZoCFdOtzXa6+yWY7fl\/c4tvdtitOrb9dWjC603WkXQKPPNxvWIuWto8YHhagMXMzwDFyawDn48BGu+AS4Uhx8mwxkRTCFIwxYRcB1vgAvvuRBcmb9mgwvtuXr+7fEQrcclWk8EvUm3JdHaDo8IJVxEilADLrfbwqGMDf4X6k55NYvWwY7XO1m6rcGAlqhGdQFljNOaHa2ih43L6GiLpjJr+YPJED4w3LgDw6b9FQTrYAlWhNY8N7iGgY5LgDT0OATXEgTXCe5wjTAdTF6RH9Do+e5jKVwaWiiQgb49Q2kAABPxSURBVNFKzmylI0ItvOHSbeVF4L27rTfoc1vWbktHq5m6iWZCq+pbyQciWkX+nZfxrq0i49Za\/3mHDIYDw0c16YHh3O4KgHVQWFscBeA6BsGF4vARTjI1KNCywnV8TkBDIqW+7gWXxKvnO7+VaD0Guq0nUbeFAhmGFCF1m8ZofDDZO5RhObe13yv0iND3Ml10tROjxWiVOarzPUBdRvy9XjF3Eq16X3jLB4b9wIrQmhvDtcU82W0dk+24hoJUoYBpaPhtQxfKgnDBcaEjXHDvRd0cbwto9PxriNZ3HovhMo0I1ZmtHxM3ZIAUoX4wea0ZLpg81OCqtdt6vcAtGdkRIaPFaJWJVr0PGxe5SqqM5OKQeh0YXswHhr32VxisAxVac0HHlQOXgGmrYxzhWmbZc51CBzaMcKE9V8+\/\/Eai9VswIowDGb2q20pGhE\/TaEmEeqnbNLSDyXXqtpxeFEkHMhgtRquqUIRv51MLIkX2aGX8ux3StAeGnx0cB4an5XRXCqwIrSNlKbjm58AV1lZHA7iORXDBceEyO1zDwfkvp4PJAK7u\/\/ebFC6B1nfTQEav6rYMKcL0Wqd1aVeWgavkbmuCfCvyxN8RaJleXeLzvq33myqtx2gNHLSKJPmKjOuKxtzLuI1jCB8YbuyBYVewRG0+J64ErnlmuIZKuLaaL+FakIUrs+fCHRcYF8KvO8El91zd\/\/fXIVq\/Bt0WGBF+D6AFAxnkK0vWpV2ZsdtCN2p4HTh+yaHbcrjayTGQwWgxWlWgVSTNV+TvX+RsWBnBjwgtPjDcnPsrDNYBAq3ZCK6jsnBtheASY0QNrgX+cKlAh9aFEXsvKqDRvc2jEVwZtGSKMEIrMyJEL4gMEeqFo8QfwG7rmQLdlsNlukm3hUaE3u\/bokeEjBajVQVaRUHxeZ9X0Zi77zvDzGjxgeGGHhjOA0tgdcBjcW1+uIRrthtcW6rdlw2uhTRcECr8dSNcaM\/V\/e1fpWhFI0K813pcx2jbp7I3v\/9kbbID0z5bdbeFRoR9k19xuAHeNiJMAxnN+LpzRmvgoFVkdOfTBRV5V1qZ\/4xDmvHA8IDYX3kELmzdlQJrikBrVlhHILjmmuHacq6EK6ytIFzHuMOV+XpOYAPC1f3PGK3siLD3+3hE+HTmrcbwUHLv95+UcD0F7i4Eny+120IpQserncZMU3DRI0JGi9GqEq2i3ZbrYeNGxNxJtPjAsOOB4SerD1xQYIna7LCwDpdwSbyS\/RbacQmYxLfZ4KL2XBiuoYvd4MJ7ru5\/+mWM1rdDtLYRaOWMCOFeCyAUBzceI7qtp8rttrQ3IhMjQtth4wP8RoSMFqNVNVpFfg+4\/LoXidWXfUHvEL7wtrEHhl3B2l+gNdMCFwpnbCH++hwA11x\/uIaCFKIG11IEFwpodH\/zkSxalhEhfTvG0wRwKCaPPu\/VbVG3ZERovWhBC1+k6xDIgCPCsKrGgdFitIpG0l1eFdKomLuGFh8YbrL91eM6VgqsCK0ZEq5ZEi6F1xwAl9xjRWj5wIUDGovQl21woT1XhNa3QrT+SaH1qI6WwgjcjtELL9CVnVNytus7MiZfebdlGBFOsLwk0oTWVHpEyGgxWvVCq0hXZBvjiSBFo2LuGbT4wHDjDgzbuisIVoTWdAnXYQgutd8C4QyB2RZHILiOdIdLhTlgyjA5tLyEDmwIuLr\/zyMIrV8htMBB439Dt2MAtDLAld5trc+86oQcEebF3z3PbDFajFa90CqyfxJXQTVjzF1DS\/xPKx8YbqULbw+qAaxNDwnr0LAwXLOycG1+WNqFQbi2nKPDtSWGCwQ0IrQ84BLV\/b8eDrr\/9yMxXAotOSKM0TLstSRa6h1bGeD+9THZmRGHkhVaLt2WQgt2W9rbkNGIkApkTCw+IqwHWIwWo1XF+8OK3I5fZsydRIsPDDfmwHAeWPvJ2nQagkvttyReWqpwJoDrcH+4tgRf1uBaiOAC48Kub\/xCovUwQCvda\/WovRZ1yPj7jydo9WwDPpvpth7367Z2MHVbOSPCvWW3lTlsbBsRvmYdEdYLLEaL0ar1TBXVHRW5aaOqf67of3h\/1bgDw7buKgLrt3FtOhXBNUOHS3VWURc2wwLXbDtcW6IEohUuuefq+sf\/DLq+jtBSI8IErUfpMMb3HkvQygBHxeS1botAy+VOQhzIwCNC5\/sIqRsy6BQho8VoNQKtouDA+LuAr0jMvar3oiVo8YHhagMXvuNACNbksDY52ALXzBSuaO81HcA1S5YDXCoar8F1tA7XVsdm4UrR+gVAS3ZackRoREvutbRRYtJt\/QZ8PouWudtyGBFqaK23oOUSyLDvteoJFqPFaJVx2FggJUaLonxfeVJFzD2DlqjS91d8YLg0sCK0Dorh2gTCNV2HS\/y1zQ4l4DoMwQXHhSqgcVQcmc+FC+25ur72UIzWN\/4z6FYjQoWWLYwBYu\/R55Id2KNEt\/Vbv27LN5AB0cp9s7FnipDRYrQajFbREEUtJW7NqBytwXBguFX2VxArUZMUWhiuQwFcM1LMIrgO9YNrizn6QWUNrvk0XF1feVCiFdbXJVp4PAg6qG4cxggBMn3WdUSYnvFyudopJ0VovCGjwFuNJVr1BovRYrTKvJW9SJXxckk3tPjAcEMODLuAFaF1QFgHmuGKvj7VDa4tDpcl4docnekywQX3XF1f\/o+g66sPpp3W10GnJeDSIHoUXOcUo6WPEuVnv\/Ur0G39mo7Jf9c1\/u45Isx7ZYltr2UZETJajFYzoFX0YHCRqiLmTqIlqh6Bi\/klBy5a6cJbn3EgBEvUZ6dItAxwRTsvtPfa7JB8uDYHt2tocB2J4ALjwq7\/+fMYLdFpffWhdKeVjAclWt8E3ZNES7ymJP4cDm7kjQhtgQz6Rg0NLg2tdZb3bFkOGltHhFm0GgEWo8Volfn7oki53mFYGlqVHRheyweGXcGCWE0UYO0X1v5hHRAXhivqwg4i4Jpmh2szMDLMhSuszr9\/IOj6h5\/raMlOqxt3WkTsXVznZPyshhZ1\/RP19mMwInS9\/R2jhVOEmW7L\/J6tvL0Wo8VoNRNaRS+7bbZ\/Fu0rg+LC2yY6MGwbByqwIrQmA7imZOFKujC593KBS4vLz0qj8cl9hnP0cWHnl+4Pur4UovX3Aq0QrC8\/CDqth9B4EO6pUrTIUSI8kPxNjJbhJo0igQyva51q32s1CixGi9Eq+7BxM8TcjWgpuPjAcPmBC5\/9VQLWb+LaeBKAa0oWLoUZCddUAq7p4B7Dmflwdf7d\/UHnF0O0kk7rP9B48KHsTgt0Wl1fAfuvpDP7hY5cJnEo0ap1RBih9YyOVu5BY8+9FvGOLUaL0WpGtKrstqqMuVvR4gPD9Tsw7ALWvgKtiTFcG0+WQIGOK4JsPwTXgXa4NgVd12YzEFxgXNj5N\/cGnX97X4xW1GUhtL4q0fpa3D11fQOd1QoBygD3NWIHRqHlOyLE3ZYBrV7HuwhJtMa77bUaCRajxWhVcdi40TF3K1qiBuqB4elNdmAYgzURgLUvqI33NcO18WQCrgMQXPhgMr7HkICr869DsP7mvgStri8+YOm0UrS6JFrGz5rShqaY\/DbEvYU+Z7YgWtboezl7rUaDxWgxWlVc7dTomLszWoPiwPATjTswPMkBrAkCrQmyFFwSKQ0ysPfaxADXJia4putwdf7VPRKttNPq+hIeDz4IOq2HAFoPo8\/K0AbcgYnOTI0ISbRAeOPbZY0I1xIjwnL3Ws0AFqPFaDXisHHVMfdctERVFbiYyweGvcAS9Rf7ILgmx3BlOjALXJmY\/DQars4v3K2j9Xf3RfusThXCsHRaySjxiyC08Q9EcEOilYnJG0eEj7qnCB3uIvS+QNdhr9UsYDFajFYjDhtXHXN3RosPDNc3cIGxErWPQGt8DFeE174pXH8xAcE1iYbrswRcm6B7DDv\/8q6g8\/N3I7TEePB+gBax05LjPm3\/lYsWtddyGRFSaD1Wze0YjBajNYDRKrPbqvfP3\/qNfGC42gPDtu5KgRWhtXcWrujLExBcE7NwJYEN4mCygqvzc3cBtEKw\/ureGC2AkEArOaeVdFkxWniUmKJVy17rl1m0LBfuqpviI7RqvkAXogVeDGm4h7CZwGK0GK16HzauR8zdGa1I40F6YLhR+ysM1j6\/DmHaC8A1XmIFECsMV1gdW98ZdERo3R2jldln3QfQAp1TCFDald2Tfj6B6wF0rkuHDoY3Mlc6uaQIKbR891oYraTbcg1jNB9YjBajVc+rneoVc\/dGiw8Ml39gOBesX8c1PqzP7KnDJb7+mb0McO2rBzY2xnCBPVcEVoLWXdl9FgBIodUpO63Oz8PO7J5M2jAXLeuI0GGvFaH12xitvL2WQuvH1K3vxcMYzQgWo8Vo1fOwsfj+TYeWqEYFLgbD\/mpfQ3c1HtRn9gBQ7Y2+Ph7gBeGaBAIbEK6wOvpvDzrG3CHBCisEq8MK0P3RaFCAJb5PdpyYg5Z1r1Uw+v4dYkRIXqBbSxjDjFazgsVoNR4tXwgaiVYth43rGXP3RksUHxgu98CwbRwIwdpboLW7DlX0ZfX1vdHOS4wOUapQ4SXgSsAam3ZZHX95dxatv70XjQYf0L5PMk60QWdLHOaNCF32Wpnoe33QamawRD3x1Atf8X34VP1z8jkXVPWf3n1GYkUezOLzri9OFD9+vXdCZR02rvoPF6WgNeD2Vw08MOwK1kbjQph20+HaaHcEGYZrXxqujr7bs2hFXVbcaXV8Ae2nAD7x97kjRUvBlYsWFcaw7bXQm4\/\/Wb5E0uu8lmsYwz9B2OxgwQeRCxTiT9n1eGiKv4fLn+jrcd5HoCJubxC\/RnlVS5RbfF\/RpdmqGX6vFE0R1jPmXggtUXxguKL9FQJrb1Ab7RLWrilc4ssb7UbApXZeIFUY4SXh0sGS+Gx9VzIaFGB1EPusjr418vveAbCTaGU6rXstaP3cb6\/1LdcrneqHVquAxcVV9Xmteh4mrgktUXxguJwDwxMs3ZWqvWQpuCKsxoEv75btuD4zPgtXuwJLg0eNBiVaITwdf613TB29IVijabQ6Pked6yISh5XsteyHjGtKEFKx97D4Acc1EKvVuqxCaIlqxgPDA2V\/hcHa69EQp51TuD69C4BrVwDXXrIgXGG1R+iskV3W7WDEJ0eDor5wt+yy4tFgR\/dtQUfPbRKt27NoSew0tGrcazUULTJBmMbe+eHGNRDLd\/fZDF1WYbQiuJ7hA8O1HBh\n2BWtPgdZOMVyfDv\/\/0zvTcG20ZxYuHSxLlwVGfO1dtyK0qE6r\/DBG4ctz827G2NYljGFGix9uXAO1ip7RamSXVRNaoqoOXMwYwAeGKbD2ArXno2l9+qcxXOL\/M3CNi\/dbG+0h4ZJ4dSiwqPCFCazOWyK02km0bifQ8t1reR4yNiUIMVo1JwhptPjBxjVQSwRRWrHLqhktUXxguNiB4bzuStUeAq0dY7A+taMBrt10uCJoMDYGtMR4r7395qC94xaA1q1OaHXUG61MgrCs2LuOFj\/UuAZ6+KLoq0ka3WWVgpYoPjDsf2DYFawErbA+9RMCrl3jUnB19N5GQGMBq+0mC1qGH2trw17LEMawJgj\/8SE69t4gtPihxjWQy+cMWbOcy6oErQiuQXxguMz9FcRK1O4CLYHV9mHtgOAKO61Pj0vhSjojEzRgrNc+8sagfdRNAK2bmx+tbapFix9qXAyW+TxfI26\/qBQtUc104W0zHxjGYO1pAUtUhNX2BFw7p3C1Q6xyuqz2ETdY0LolQqtdQ2vNgO60+IHGNdBLHGSu5W3Fjb61ozK0VDXiwPDBLXRgOG8cCMHa\/VcxVv\/jx3ElcO0Ul4BLgKUlBQ0dlkCmLQJLoXVja6FVcqfFDzOuVt5L5d2qISLtInBRtLtqlrsR64KWKD4wXA5Yuwm0BFjbyVJw\/TSuCKy+NdEB4vZ+c4fVNuz6oG34DRItCNZNBFhhRWAN3E6LH3xcrdw1lfnW4VYZC1aOlig+MOwH1u6gdvtVWp\/6UYjVjwBccjwYoSWwisC6g0gJArCG3SDRujF\/NFjmTuuLrrdiuL6ipLarnPihx9XqNXPeWavrAZYYJ4purdn++evyN+EDw+77KwzWrrKGbCvhErVDDJforKIaIwt3V1tdF7QNvU52WddHXVab6rI0tG4xjwfrdsC4WrT4Ycc12A8Ft8K7spoGreRPCIP5wLDHOBCDFaH1QwnX9nHFYN0RYnUHsb+6UwcLjAbb4Giw6E6rZrTq22nxg46L0RoYYNUdLVWNDlw08\/4KYzVO1pAfSLhkIEMDRCGSdFjXSrSyYIkvt48oI4hxpz4etLwMshFo8cONi9EaeGA1DC1Vg\/nA8B4540AIVoTWv0u4tgv0bgfurrYMsdryuuxYEAFmj7y37k6LH2hcjFZtO6xmB6vhaKkqbX\/VQgeGncH6ZRDsIkuMB4f8KNBj7CrKvuW1KVYCqM2vCdq2gIg1CC1TerAgWvhFkPwQ42K0ai8R7miGK5paBi1Yg+XAsG1\/pcDaBYC1s0QLQpViJcHa9OqgbbNrAFjXZnZb7RFaVIKwlrsHS4y8O6LFDy8ufgdWOZH2ZnmDcsuihWugHhimwBpnAUtVx+fl7exhiS5q1CZXBW2iIrCujsHKoEV1WWCf1QIX5vLDiosrvY5JHBoWozwBmO\/hYQGVuEewGePsAwItXJUELppsf2UCaydZAo1Rn70qC5apy3IeDfrG3atBix9MXFzFDh2LEiDhEsiJb2uVEeCAQouLi4uLa\/AW\/yJwcXFxcTFaXFxcXFxcjBYXFxcX16Ct\/waRh9FYQm1nigAAAABJRU5ErkJggg==\" alt=\"\"\/><figcaption class=\"wp-element-caption\">\u1ea2nh Base64 &#8211; dung l\u01b0\u1ee3ng 17 KB<\/figcaption><\/figure>\n\n\n\n<p>\u01afu \u0111i\u1ec3m:<\/p>\n\n\n\n<ul>\n<li>Kh\u00f4ng l\u00e0m gia t\u0103ng c\u00e1c y\u00eau c\u1ea7u HTTP \u0111\u1ec3 t\u1ea3i \u1ea3nh v\u1ec1<\/li>\n\n\n\n<li>K\u1ebft xu\u1ea5t \u1ea3nh nhanh h\u01a1n<\/li>\n\n\n\n<li>L\u00fd t\u01b0\u1edfng cho c\u00e1c \u1ea3nh \u1edf tr\u00ean <a href=\"https:\/\/kiencang.net\/man-hinh-dau-tien\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u0111\u01b0\u1eddng bi\u00ean fold<\/a>, logo, ho\u1eb7c \u1ea3nh gi\u1eef ch\u1ed7 (placeholder), v\u00e2n v\u00e2n<\/li>\n<\/ul>\n\n\n\n<p>Nh\u01b0\u1ee3c \u0111i\u1ec3m:<\/p>\n\n\n\n<ul>\n<li>Chuy\u1ec3n \u1ea3nh sang \u0111\u1ecbnh d\u1ea1ng base64 c\u00f3 th\u1ec3 l\u00e0m \u1ea3nh gia t\u0103ng k\u00edch c\u1ee1 l\u00ean 30%<\/li>\n\n\n\n<li>Kh\u00f4ng th\u1ec3 <a href=\"https:\/\/kiencang.net\/bo-nho-dem-trinh-duyet\/\" target=\"_blank\" rel=\"noreferrer noopener\">cache ph\u00eda tr\u00ecnh duy\u1ec7t<\/a> \u0111\u01b0\u1ee3c<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Tri\u1ec3n khai \u1ea3nh base64 n\u1ed9i tuy\u1ebfn trong WordPress<\/h3>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 chuy\u1ec3n b\u1ea5t c\u1ee9 \u1ea3nh n\u00e0o sang \u0111\u1ecbnh d\u1ea1ng base64. Ch\u1ec9 c\u1ea7n truy c\u1eadp v\u00e0o trang <a rel=\"noreferrer noopener\" href=\"https:\/\/www.base64-image.de\/\" target=\"_blank\">https:\/\/www.base64-image.de\/<\/a> v\u00e0 t\u1ea3i \u1ea3nh c\u1ee7a b\u1ea1n l\u00ean. Sau khi chuy\u1ec3n \u0111\u1ed5i ho\u00e0n t\u1ea5t, b\u1ea1n tick v\u00e0o &#8220;copy code&#8221;.<\/p>\n\n\n\n<p>Trong tr\u00ecnh bi\u00ean t\u1eadp Gutenberg, b\u1ea1n ch\u1ecdn \u1ea3nh v\u00e0 nh\u1ea5n v\u00e0o &#8220;Insert from URL&#8221; v\u00e0 paste \u0111o\u1ea1n m\u00e3 m\u00e0 b\u1ea1n v\u1eeba copy v\u00e0o. Th\u1ebf l\u00e0 xong!<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/05\/base64-gutenberg.png\" alt=\"\u0111\u01b0a \u1ea3nh base64 v\u00e0o WordPress\" class=\"wp-image-16889\"\/><\/figure><\/div>\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Nen_anh\"><\/span>2. N\u00e9n \u1ea3nh<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>C\u00f3 m\u1ed9t s\u1ed1 thu\u1eadt to\u00e1n m\u00e3 h\u00f3a \u1ea3nh c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 n\u00e9n \u1ea3nh, qua \u0111\u00f3 gi\u00fap gi\u1ea3m k\u00edch c\u1ee1 \u1ea3nh. N\u00f3 gi\u00fap t\u0103ng t\u1ed1c website c\u1ee7a b\u1ea1n c\u0169ng nh\u01b0 gi\u00fap ti\u1ebft ki\u1ec7m nhi\u1ec1u b\u0103ng th\u00f4ng.<\/p>\n\n\n\n<p>D\u01b0\u1edbi \u0111\u00e2y l\u00e0 v\u00ed d\u1ee5.<\/p>\n\n\n\n<p>\u0110\u00e2y l\u00e0 \u1ea3nh ch\u01b0a n\u00e9n:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/05\/boy.jpg\" alt=\"\u1ea2nh ch\u01b0a n\u00e9n - dung l\u01b0\u1ee3ng kho\u1ea3ng 80KB\" class=\"wp-image-16894\"\/><figcaption class=\"wp-element-caption\">\u1ea2nh ch\u01b0a n\u00e9n &#8211; dung l\u01b0\u1ee3ng kho\u1ea3ng 80KB<\/figcaption><\/figure><\/div>\n\n\n<p>C\u00f2n \u0111\u00e2y l\u00e0 \u1ea3nh \u0111\u00e3 n\u00e9n:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/05\/boy-compressed.jpg\" alt=\"\u1ea2nh \u0111\u00e3 n\u00e9n - dung l\u01b0\u1ee3ng ch\u1ec9 v\u00e0o kho\u1ea3ng 30 KB\" class=\"wp-image-16895\"\/><figcaption class=\"wp-element-caption\">\u1ea2nh \u0111\u00e3 n\u00e9n &#8211; dung l\u01b0\u1ee3ng ch\u1ec9 v\u00e0o kho\u1ea3ng 30 KB<\/figcaption><\/figure><\/div>\n\n\n<p>C\u1ea3 hai \u1ea3nh tr\u00ean c\u00f3 c\u00f9ng \u0111\u1ed9 ph\u00e2n gi\u1ea3i. Nh\u01b0ng b\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y k\u00edch c\u1ee1 \u0111\u00e3 \u0111\u01b0\u1ee3c gi\u1ea3m t\u1eeb <strong>80KB xu\u1ed1ng c\u00f2n 30KB (62%)<\/strong>.<\/p>\n\n\n\n<p>N\u1ebfu b\u1ea1n mu\u1ed1n t\u00ecm hi\u1ec3u s\u00e2u h\u01a1n v\u1ec1 n\u00e9n \u1ea3nh, h\u00e3y tham kh\u1ea3o b\u00e0i vi\u1ebft sau c\u1ee7a <a rel=\"noreferrer noopener\" href=\"https:\/\/www.keycdn.com\/support\/what-is-image-compression\" target=\"_blank\">KeyCDN<\/a> (ti\u1ebfng Anh).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">N\u00e9n \u1ea3nh trong WordPress<\/h3>\n\n\n\n<p><strong>A. S\u1eed d\u1ee5ng Plugin<\/strong><\/p>\n\n\n\n<p>C\u00f3 <a rel=\"noreferrer noopener\" href=\"https:\/\/kiencang.net\/plugin-nen-anh-wordpress\/\" target=\"_blank\">m\u1ed9t s\u1ed1 plugin n\u00e9n \u1ea3nh r\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng<\/a>. Plugin \u01b0a th\u00edch c\u1ee7a t\u00f4i l\u00e0 <strong>ShortPixel<\/strong>. ShortPixel g\u1eedi t\u1eebng \u1ea3nh \u0111\u1ebfn m\u00e1y ch\u1ee7 c\u1ee7a h\u1ecd v\u00e0 th\u1ef1c hi\u1ec7n k\u1ef9 thu\u1eadt n\u00e9n \u1ea3nh t\u1ed1t nh\u1ea5t hi\u1ec7n c\u00f3. H\u1ecd h\u1ed7 tr\u1ee3 ki\u1ec3u n\u00e9n m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng, glossy v\u00e0 n\u00e9n kh\u00f4ng m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng. N\u00f3 c\u0169ng c\u00f3 th\u1ec3 t\u1ea1o \u0111\u1ecbnh d\u1ea1ng \u1ea3nh WebP.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/05\/shortpixel-compression-1024x327.png\" alt=\"N\u00e9n \u1ea3nh b\u1edfi ShotPixel\" class=\"wp-image-16880\"\/><\/figure><\/div>\n\n\n<ul>\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/kiencang.net\/plugin-nen-anh-shortpixel\/\" target=\"_blank\">ShortPixel<\/a> (khuy\u00ean d\u00f9ng) &#8211; C\u00f3 kh\u1ea3 n\u0103ng n\u00e9n t\u1ed1t nh\u1ea5t, mi\u1ec5n ph\u00ed 100 \u1ea3nh\/th\u00e1ng.<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/kiencang.net\/plugin-nen-anh-resmush-it\/\" target=\"_blank\">reSmush.it<\/a> &#8211; Ho\u00e0n to\u00e0n mi\u1ec5n ph\u00ed v\u1edbi c\u00e1c \u1ea3nh c\u00f3 k\u00edch c\u1ee1 t\u1eeb 5MB tr\u1edf xu\u1ed1ng.<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\" target=\"_blank\">Optimole<\/a> &#8211; Mi\u1ec5n ph\u00ed \u0111\u1ebfn 1GB \u1ea3nh m\u1ed7i th\u00e1ng.<\/li>\n<\/ul>\n\n\n\n<p><strong>B. Kh\u00f4ng s\u1eed d\u1ee5ng plugin<\/strong><\/p>\n\n\n\n<p>C\u00f3 m\u1ed9t s\u1ed1 c\u00f4ng c\u1ee5 tr\u1ef1c tuy\u1ebfn gi\u00fap b\u1ea1n n\u00e9n \u1ea3nh. C\u00f4ng c\u1ee5 t\u00f4i th\u01b0\u1eddng d\u00f9ng l\u00e0 <a rel=\"noreferrer noopener\" href=\"https:\/\/compressor.io\/\" target=\"_blank\">compressor.io<\/a>. N\u00f3 nhanh, mi\u1ec5n ph\u00ed, c\u00f3 c\u1ea3 ki\u1ec3u n\u00e9n m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng v\u00e0 kh\u00f4ng m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng v\u00e0 h\u1ed7 tr\u1ee3 t\u1ea5t c\u1ea3 c\u00e1c \u0111\u1ecbnh d\u1ea1ng.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/05\/compressor-io-1024x433.png\" alt=\"n\u00e9n \u1ea3nh b\u1eb1ng c\u00f4ng c\u1ee5 tr\u1ef1c tuy\u1ebfn compressor.io\" class=\"wp-image-16883\"\/><\/figure><\/div>\n\n\n<ul>\n<li><a href=\"https:\/\/compressor.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Compressor.io<\/a> (khuy\u00ean d\u00f9ng) &#8211; T\u1ea5t c\u1ea3 c\u00e1c \u0111\u1ecbnh d\u1ea1ng.<\/li>\n\n\n\n<li><a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">TinyPNG<\/a> &#8211; PNG, JPG.<\/li>\n\n\n\n<li><a href=\"https:\/\/jakearchibald.github.io\/svgomg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Svgomg<\/a> &#8211; SVG.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Anh_dap_ung\"><\/span>3. \u1ea2nh \u0111\u00e1p \u1ee9ng<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Giao di\u1ec7n c\u1ee7a b\u1ea1n c\u00f3 th\u1ec3 c\u00f3 kh\u1ea3 n\u0103ng ph\u1ea3n h\u1ed3i (responsive), nh\u01b0ng \u1ea3nh c\u1ee7a b\u1ea1n c\u00f3 th\u1ec3 kh\u00f4ng. Ph\u00e2n ph\u1ed1i \u1ea3nh c\u00f3 chi\u1ec1u r\u1ed9ng 1500px cho thi\u1ebft b\u1ecb di \u0111\u1ed9ng c\u00f3 chi\u1ec1u r\u1ed9ng 800px l\u00e0 s\u1ef1 ph\u00ed ph\u1ea1m l\u1edbn!<\/p>\n\n\n\n<p>D\u01b0\u1edbi \u0111\u00e2y l\u00e0 v\u00ed d\u1ee5. C\u00f9ng \u1ea3nh nh\u01b0ng \u0111\u01b0\u1ee3c ph\u00e2n ph\u1ed1i \u1edf hai k\u00edch c\u1ee1 kh\u00e1c nhau (b\u1ea1n c\u00f3 th\u1ea5y b\u1ea5t c\u1ee9 s\u1ef1 kh\u00e1c bi\u1ec7t n\u00e0o kh\u00f4ng).<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/05\/kich-co-du-thua.png\" alt=\"\u1ea2nh ch\u1ee5p m\u00e0n h\u00ecnh t\u1eeb v\u00ed d\u1ee5 c\u1ee7a WPSpeedMatters\" class=\"wp-image-16901\"\/><figcaption class=\"wp-element-caption\">\u1ea2nh ch\u1ee5p m\u00e0n h\u00ecnh t\u1eeb v\u00ed d\u1ee5 c\u1ee7a WPSpeedMatters<\/figcaption><\/figure><\/div>\n\n\n<p>Th\u01b0\u1eddng th\u00ec \u1ea3nh \u0111\u01b0\u1ee3c th\u00eam v\u00e0o HTML nh\u01b0 d\u01b0\u1edbi \u0111\u00e2y:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img src=\"kien-cang-800w.jpg\" alt=\"Ki\u1ebfn c\u00e0ng\"&gt;<\/code><\/pre>\n\n\n\n<p>V\u1ea5n \u0111\u1ec1 v\u1edbi l\u1ed1i ti\u1ebfp c\u1eadn n\u00e0y l\u00e0 b\u1ea5t k\u1ec3 thi\u1ebft b\u1ecb ng\u01b0\u1eddi d\u00f9ng c\u00f3 l\u00e0 g\u00ec \u0111i ch\u0103ng n\u1eefa (di \u0111\u1ed9ng hay m\u00e1y b\u00e0n), c\u00f9ng m\u1ed9t b\u1ee9c \u1ea3nh l\u1edbn s\u1ebd \u0111\u01b0\u1ee3c ph\u00e2n ph\u1ed1i.<\/p>\n\n\n\n<p>HTML h\u1ed7 tr\u1ee3 thu\u1ed9c t\u00ednh <em>srcset<\/em> cho c\u00e1c \u1ea3nh \u0111\u1ec3 n\u00f3i v\u1edbi tr\u00ecnh duy\u1ec7t bi\u1ebft r\u1eb1ng \u1ea3nh n\u00e0o c\u1ea7n t\u1ea3i d\u1ef1a tr\u00ean \u0111\u1ed9 r\u1ed9ng c\u1ee7a thi\u1ebft b\u1ecb\/PPI.<\/p>\n\n\n\n<p>M\u00e3 \u1ea3nh \u0111i k\u00e8m srcset:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img srcset=\"kien-cang-320w.jpg 320w,\n             kien-cang-480w.jpg 480w,\n             kien-cang-800w.jpg 800w\"\n     sizes=\"(max-width: 320px) 280px,\n            (max-width: 480px) 440px,\n            800px\"\n     src=\"kien-cang-800w.jpg\" alt=\"Ki\u1ebfn c\u00e0ng\"&gt;<\/code><\/pre>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 ki\u1ec3m tra xem giao di\u1ec7n c\u1ee7a b\u1ea1n c\u00f3 h\u1ed7 tr\u1ee3 srcset hay kh\u00f4ng b\u1eb1ng c\u00e1ch chu\u1ed9t ph\u1ea3i v\u00e0o b\u1ea5t c\u1ee9 \u1ea3nh n\u00e0o v\u00e0 ch\u1ecdn &#8220;Inspect Element&#8221;. N\u00f3 s\u1ebd tr\u00f4ng gi\u1ed1ng nh\u01b0 th\u1ebf n\u00e0y:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/05\/srcset-code.png\" alt=\"m\u00e3 ngu\u1ed3n d\u00e0nh cho srcset\" class=\"wp-image-16875\"\/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\">N\u1ebfu giao di\u1ec7n c\u1ee7a t\u00f4i kh\u00f4ng h\u1ed7 tr\u1ee3 SRCSET?<\/h3>\n\n\n\n<p>B\u1ea1n c\u00f3 ba t\u00f9y ch\u1ecdn:<\/p>\n\n\n\n<ul>\n<li>Y\u00eau c\u1ea7u ng\u01b0\u1eddi l\u1eadp tr\u00ecnh giao di\u1ec7n s\u1eeda n\u00f3!<\/li>\n\n\n\n<li>S\u1eed d\u1ee5ng plugin c\u00f3 kh\u1ea3 n\u0103ng th\u00eam srcset v\u00e0o, ch\u1eb3ng h\u1ea1n nh\u01b0 <a href=\"https:\/\/kiencang.net\/plugin-flying-images\/\" target=\"_blank\" rel=\"noreferrer noopener\">Flying Images<\/a>.<\/li>\n\n\n\n<li>Resize \u1ea3nh nhanh ch\u00f3ng th\u00f4ng qua CDN (t\u00f4i khuy\u00ean kh\u00edch l\u00e0m theo c\u00e1ch n\u00e0y, t\u00f4i s\u1ebd n\u00f3i r\u00f5 h\u01a1n ngay b\u00ean d\u01b0\u1edbi).<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_Phan_phoi_anh_thong_qua_CDN\"><\/span>4. Ph\u00e2n ph\u1ed1i \u1ea3nh th\u00f4ng qua CDN<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>B\u1ea1n \u0111\u00e3 t\u1ed1i \u01b0u m\u1ecdi th\u1ee9 c\u00f3 th\u1ec3, g\u1ed3m \u1ea3nh \u1edf \u0111\u1ecbnh d\u1ea1ng m\u1edbi, n\u00e9n, v\u00e0 thay \u0111\u1ed5i k\u00edch c\u1ee1 \u1ea3nh, v\u00e2n v\u00e2n. Nh\u01b0ng n\u1ebfu \u0111\u1ed9 tr\u1ec5 m\u1ea1ng cao ho\u1eb7c m\u00e1y ch\u1ee7 ch\u1eadm th\u00ec ph\u1ea3i l\u00e0m th\u1ebf n\u00e0o?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">CDN l\u00e0 g\u00ec?<\/h3>\n\n\n\n<p>N\u1ebfu b\u1ea1n m\u1edbi nghe \u0111\u1ebfn CDN th\u00ec ph\u1ea7n n\u00e0y t\u00f4i s\u1ebd gi\u1ea3i th\u00edch \u0111\u1ec3 b\u1ea1n hi\u1ec3u r\u00f5 h\u01a1n. <a href=\"https:\/\/kiencang.net\/cdn-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\">CDN ch\u00ednh l\u00e0 m\u1ea1ng ph\u00e2n ph\u1ed1i n\u1ed9i dung<\/a> \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf nh\u1eb1m ph\u00e2n ph\u1ed1i c\u00e1c file t\u0129nh nh\u01b0 \u1ea3nh. H\u1ecd s\u1ebd sao l\u01b0u c\u00e1c \u1ea3nh c\u1ee7a b\u1ea1n tr\u00ean h\u01a1n 100 m\u00e1y ch\u1ee7 tr\u00ean to\u00e0n c\u1ea7u. Khi ai \u0111\u00f3 y\u00eau c\u1ea7u \u1ea3nh, n\u00f3 s\u1ebd \u0111\u01b0\u1ee3c ph\u00e2n ph\u1ed1i t\u1eeb m\u00e1y ch\u1ee7 g\u1ea7n nh\u1ea5t, v\u00ec th\u1ebf gi\u00fap gi\u1ea3m \u0111\u1ed9 tr\u1ec5 m\u1ea1ng.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/05\/bunnycdn-locations.png\" alt=\"V\u1ecb tr\u00ed m\u00e1y ch\u1ee7 c\u1ee7a BunnyCDN\" class=\"wp-image-16878\"\/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\">C\u00e1ch ch\u1ecdn d\u1ecbch v\u1ee5 CDN cho \u1ea3nh<\/h3>\n\n\n\n<p>C\u00f3 m\u1ed9t s\u1ed1 d\u1ecbch v\u1ee5 CDN mi\u1ec5n ph\u00ed c\u0169ng nh\u01b0 tr\u1ea3 ph\u00ed. Tuy nhi\u00ean, kh\u00f4ng ph\u1ea3i t\u1ea5t c\u1ea3 \u0111\u1ec1u c\u00f3 kh\u1ea3 n\u0103ng t\u1ed1t trong vi\u1ec7c ph\u00e2n ph\u1ed1i \u1ea3nh.<\/p>\n\n\n\n<p>C\u00f3 m\u1ed9t s\u1ed1 y\u1ebfu t\u1ed1 b\u1ea1n c\u1ea7n ki\u1ec3m tra tr\u01b0\u1edbc khi l\u1ef1a ch\u1ecdn m\u1ed9t d\u1ecbch v\u1ee5 CDN n\u00e0o \u0111\u1ea5y:<\/p>\n\n\n\n<ul>\n<li>N\u00e9n \u1ea3nh nhanh ch\u00f3ng.<\/li>\n\n\n\n<li>Thay \u0111\u1ed5i k\u00edch c\u1ee1 \u1ea3nh nhanh ch\u00f3ng.<\/li>\n\n\n\n<li>Chuy\u1ec3n \u1ea3nh sang \u0111\u1ecbnh d\u1ea1ng WebP nhanh ch\u00f3ng.<\/li>\n<\/ul>\n\n\n\n<p>N\u1ebfu b\u1ea1n s\u1eed d\u1ee5ng ShortPixel, h\u1ecd c\u00f3 addon CDN th\u1ef1c hi\u1ec7n c\u00f4ng vi\u1ec7c n\u00e0y th\u00f4ng qua <a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/shortpixel-adaptive-images\/\" target=\"_blank\">ShortPixel Adaptive Images<\/a>.<\/p>\n\n\n\n<p>M\u1ed9t d\u1ecbch v\u1ee5 kh\u00e1c m\u00e0 t\u00f4i th\u00edch d\u00f9ng l\u00e0 <a href=\"https:\/\/bunny.net\/\" target=\"_blank\" rel=\"noreferrer noopener\">BunnyCDN<\/a>, h\u1ecd c\u00f3 kh\u1ea3 n\u0103ng t\u1ed1i \u01b0u \u1ea3nh r\u1ea5t nhanh ch\u00f3ng.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2020\/05\/bunnycdn-optimization.png\" alt=\"T\u1ed1i \u01b0u \u1ea3nh c\u1ee7a BunnyCDN\" class=\"wp-image-16874\"\/><\/figure><\/div>\n\n\n<p>B\u1ea1n \u0111ang s\u1eed d\u1ee5ng Cloudflare? Cloudflare c\u00f3 ch\u1ea5t l\u01b0\u1ee3ng t\u1ed1t. Nh\u01b0ng b\u1ea1n c\u1ea7n bi\u1ebft r\u1eb1ng h\u1ecd kh\u00f4ng th\u1ef1c hi\u1ec7n b\u1ea5t c\u1ee9 ki\u1ec3u t\u1ed1i \u01b0u h\u00f3a \u1ea3nh n\u00e0o trong g\u00f3i mi\u1ec5n ph\u00ed c\u1ea3. N\u1ebfu b\u1ea1n \u0111ang d\u00f9ng <a href=\"https:\/\/kiencang.net\/huong-dan-su-dung-cloudflare\/\" target=\"_blank\" rel=\"noreferrer noopener\">Cloudflare b\u1ea3n pro, b\u1ea1n c\u00f3 th\u1ec3 tham kh\u1ea3o h\u01b0\u1edbng d\u1eabn c\u00e1ch d\u00f9ng \u1edf \u0111\u00e2y<\/a>.<\/p>\n\n\n\n<p><em>(D\u1ecbch t\u1eeb b\u00e0i vi\u1ebft: <a href=\"https:\/\/wpspeedmatters.com\/image-optimization-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">4 Levels of Image Optimization in WordPress<\/a>, t\u00e1c gi\u1ea3: Gijo Varghese, trang wpspeedmatters)<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>T\u1ed1i \u01b0u h\u00f3a \u1ea3nh r\u1ea5t quan tr\u1ecdng trong vi\u1ec7c c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 website WordPress, h\u00f4m nay ch\u00fang ta s\u1ebd \u0111i v\u00e0o chi ti\u1ebft t\u1eebng c\u1ea5p \u0111\u1ed9. T\u1ea1i sao b\u1ea1n c\u1ea7n t\u1ed1i \u01b0u h\u00f3a \u1ea3nh? T\u00f4i hy v\u1ecdng b\u1ee9c h\u00ecnh tr\u00ean cung c\u1ea5p cho b\u1ea1n m\u1ed9t v\u00e0i c\u1ea3m nh\u1eadn. Khi c\u00f4ng ngh\u1ec7 ph\u00e1t tri\u1ec3n, ch\u1ea5t &hellip;<\/p>\n","protected":false},"author":1,"featured_media":24572,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[280],"tags":[329],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>4 c\u1ea5p \u0111\u1ed9 t\u1ed1i \u01b0u h\u00f3a \u1ea3nh trong WordPress &#8226; Ki\u1ebfn c\u00e0ng<\/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:\/\/kiencang.net\/toi-uu-anh-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"4 c\u1ea5p \u0111\u1ed9 t\u1ed1i \u01b0u h\u00f3a \u1ea3nh trong WordPress &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"T\u1ed1i \u01b0u h\u00f3a \u1ea3nh r\u1ea5t quan tr\u1ecdng trong vi\u1ec7c c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 website WordPress, h\u00f4m nay ch\u00fang ta s\u1ebd \u0111i v\u00e0o chi ti\u1ebft t\u1eebng c\u1ea5p \u0111\u1ed9. T\u1ea1i sao b\u1ea1n c\u1ea7n t\u1ed1i \u01b0u h\u00f3a \u1ea3nh? T\u00f4i hy v\u1ecdng b\u1ee9c h\u00ecnh tr\u00ean cung c\u1ea5p cho b\u1ea1n m\u1ed9t v\u00e0i c\u1ea3m nh\u1eadn. Khi c\u00f4ng ngh\u1ec7 ph\u00e1t tri\u1ec3n, ch\u1ea5t &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/toi-uu-anh-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-24T14:16:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-23T04:24:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2022\/01\/cac-cap-do-toi-uu-anh2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"393\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"4 c\u1ea5p \u0111\u1ed9 t\u1ed1i \u01b0u h\u00f3a \u1ea3nh trong WordPress &#8226; Ki\u1ebfn c\u00e0ng","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:\/\/kiencang.net\/toi-uu-anh-wordpress\/","og_locale":"vi_VN","og_type":"article","og_title":"4 c\u1ea5p \u0111\u1ed9 t\u1ed1i \u01b0u h\u00f3a \u1ea3nh trong WordPress &#8226; Ki\u1ebfn c\u00e0ng","og_description":"T\u1ed1i \u01b0u h\u00f3a \u1ea3nh r\u1ea5t quan tr\u1ecdng trong vi\u1ec7c c\u1ea3i thi\u1ec7n t\u1ed1c \u0111\u1ed9 website WordPress, h\u00f4m nay ch\u00fang ta s\u1ebd \u0111i v\u00e0o chi ti\u1ebft t\u1eebng c\u1ea5p \u0111\u1ed9. T\u1ea1i sao b\u1ea1n c\u1ea7n t\u1ed1i \u01b0u h\u00f3a \u1ea3nh? T\u00f4i hy v\u1ecdng b\u1ee9c h\u00ecnh tr\u00ean cung c\u1ea5p cho b\u1ea1n m\u1ed9t v\u00e0i c\u1ea3m nh\u1eadn. Khi c\u00f4ng ngh\u1ec7 ph\u00e1t tri\u1ec3n, ch\u1ea5t &hellip;","og_url":"https:\/\/kiencang.net\/toi-uu-anh-wordpress\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2022-01-24T14:16:00+00:00","article_modified_time":"2023-08-23T04:24:06+00:00","og_image":[{"width":750,"height":393,"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2022\/01\/cac-cap-do-toi-uu-anh2.png","type":"image\/png"}],"author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"12 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/toi-uu-anh-wordpress\/","url":"https:\/\/kiencang.net\/toi-uu-anh-wordpress\/","name":"4 c\u1ea5p \u0111\u1ed9 t\u1ed1i \u01b0u h\u00f3a \u1ea3nh trong WordPress &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2022-01-24T14:16:00+00:00","dateModified":"2023-08-23T04:24:06+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/toi-uu-anh-wordpress\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/toi-uu-anh-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/toi-uu-anh-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"4 c\u1ea5p \u0111\u1ed9 t\u1ed1i \u01b0u h\u00f3a \u1ea3nh trong WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/16895"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=16895"}],"version-history":[{"count":2,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/16895\/revisions"}],"predecessor-version":[{"id":24567,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/16895\/revisions\/24567"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media\/24572"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=16895"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=16895"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=16895"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}