{"id":5157,"date":"2017-06-22T03:39:30","date_gmt":"2017-06-22T03:39:30","guid":{"rendered":"http:\/\/www.ducanhplus.com\/?p=5157"},"modified":"2022-08-17T21:03:09","modified_gmt":"2022-08-17T14:03:09","slug":"gif-png-jpg-hoac-svg","status":"publish","type":"post","link":"https:\/\/kiencang.net\/gif-png-jpg-hoac-svg\/","title":{"rendered":"T\u00ecm hi\u1ec3u \u0111\u1ecbnh d\u1ea1ng \u1ea3nh JPG, PNG, GIF v\u00e0 SVG"},"content":{"rendered":"\n<p>V\u00e0i l\u1eddi c\u1ee7a ng\u01b0\u1eddi d\u1ecbch: m\u1eb7c d\u00f9 \u1ea3nh l\u00e0 th\u00e0nh ph\u1ea7n quan tr\u1ecdng tr\u00ean website v\u00e0 c\u0169ng r\u1ea5t quen thu\u1ed9c v\u1edbi ch\u00fang ta, nh\u01b0ng hi\u1ec3u bi\u1ebft c\u1ee7a ch\u00fang ta v\u1ec1 n\u00f3 kh\u00f4ng nhi\u1ec1u. B\u00e0i vi\u1ebft n\u00e0y nh\u1eb1m kh\u1eafc ph\u1ee5c ph\u1ea7n n\u00e0o t\u00ecnh tr\u1ea1ng \u0111\u00f3. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>N\u1ebfu b\u1ea1n c\u1ea3m th\u1ea5y b\u00e0i vi\u1ebft n\u00e0y c\u00f3 ch\u00fat g\u00ec \u0111\u00f3 quen thu\u1ed9c th\u00ec l\u00fd do l\u00e0 v\u00ec ch\u00fang t\u00f4i \u0111\u00e3 \u0111\u0103ng phi\u00ean b\u1ea3n \u0111\u1ea7u ti\u00ean c\u1ee7a n\u00f3 v\u00e0o n\u0103m 2009.<\/p>\n\n\n\n<p>D\u00f9 cho SVG \u0111\u00e3 th\u00eam m\u1ed9t chi\u1ec1u h\u01b0\u1edbng ho\u00e0n to\u00e0n m\u1edbi v\u00e0o c\u00f4ng vi\u1ec7c thi\u1ebft k\u1ebf web, c\u00e1c c\u00e2u h\u1ecfi ki\u1ec3u nh\u01b0 &#8220;S\u1ef1 kh\u00e1c bi\u1ec7t gi\u1eefa JPEG v\u00e0 PNG l\u00e0 g\u00ec?&#8221; v\u1eabn lu\u00f4n quan tr\u1ecdng.<\/p>\n\n\n\n<p>Ch\u00fang t\u00f4i ngh\u0129 r\u1eb1ng \u0111\u00e2y l\u00e0 kho\u1ea3ng th\u1eddi gian th\u00edch h\u1ee3p \u0111\u1ec3 ch\u00fang ta c\u00f3 m\u1ed9t c\u00e1i nh\u00ecn t\u01b0\u01a1i m\u1edbi v\u00e0o s\u1ef1 ph\u00e1t tri\u1ec3n c\u1ee7a c\u00e1c \u0111\u1ecbnh d\u1ea1ng \u1ea3nh tr\u00ean web (<em>web-image formats<\/em>).<\/p>\n\n\n\n<p>Trong h\u01b0\u1edbng d\u1eabn ng\u1eafn g\u1ecdn ng\u00e0y h\u00f4m nay, ch\u00fang t\u00f4i s\u1ebd \u0111\u01b0a ra cho b\u1ea1n b\u1ea3n t\u00f3m t\u1eaft nhanh v\u1ec1 c\u00e1c \u0111\u1ecbnh d\u1ea1ng \u1ea3nh \u0111a d\u1ea1ng v\u00e0 khi n\u00e0o th\u00ec b\u1ea1n n\u00ean d\u00f9ng t\u1eebng lo\u1ea1i. H\u00e3y b\u1eaft \u0111\u1ea7u nh\u00e9.<\/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-6577d72ac5bba\" ><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-6577d72ac5bba\"  type=\"checkbox\" id=\"item-6577d72ac5bba\"><\/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\/gif-png-jpg-hoac-svg\/#JPG_PNG_GIF_SVG_%E2%80%93_Su_khac_biet_la_gi\" title=\"JPG &amp; PNG &amp; GIF &amp; SVG &#8211; S\u1ef1 kh\u00e1c bi\u1ec7t l\u00e0 g\u00ec?\">JPG &amp; PNG &amp; GIF &amp; SVG &#8211; S\u1ef1 kh\u00e1c bi\u1ec7t l\u00e0 g\u00ec?<\/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\/gif-png-jpg-hoac-svg\/#1_Anh_GIF\" title=\"1. \u1ea2nh GIF\">1. \u1ea2nh GIF<\/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\/gif-png-jpg-hoac-svg\/#2_Anh_JPEG\" title=\"2. \u1ea2nh JPEG\">2. \u1ea2nh JPEG<\/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\/gif-png-jpg-hoac-svg\/#3_Anh_PNG\" title=\"3. \u1ea2nh PNG\">3. \u1ea2nh PNG<\/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\/gif-png-jpg-hoac-svg\/#4_Anh_SVG\" title=\"4. \u1ea2nh SVG\">4. \u1ea2nh SVG<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/kiencang.net\/gif-png-jpg-hoac-svg\/#So_sanh_va_doi_chieu\" title=\"So s\u00e1nh v\u00e0 \u0111\u1ed1i chi\u1ebfu\">So s\u00e1nh v\u00e0 \u0111\u1ed1i chi\u1ebfu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/kiencang.net\/gif-png-jpg-hoac-svg\/#Hinh_anh_voi_mau_sac_phuc_tap\" title=\"H\u00ecnh \u1ea3nh v\u1edbi m\u00e0u s\u1eafc ph\u1ee9c t\u1ea1p\">H\u00ecnh \u1ea3nh v\u1edbi m\u00e0u s\u1eafc ph\u1ee9c t\u1ea1p<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/kiencang.net\/gif-png-jpg-hoac-svg\/#Anh_chup_mau_sac\" title=\"\u1ea2nh ch\u1ee5p m\u00e0u s\u1eafc\">\u1ea2nh ch\u1ee5p m\u00e0u s\u1eafc<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"JPG_PNG_GIF_SVG_%E2%80%93_Su_khac_biet_la_gi\"><\/span>JPG &amp; PNG &amp; GIF &amp; SVG &#8211; S\u1ef1 kh\u00e1c bi\u1ec7t l\u00e0 g\u00ec?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>&nbsp;<\/td><td><strong>Ph\u00e2n lo\u1ea1i<\/strong><\/td><td><strong>B\u1ea3ng m\u00e0u<\/strong><\/td><td><strong>H\u1eefu \u00edch cho<\/strong><\/td><\/tr><tr><td><strong>JPG<\/strong><\/td><td>M\u1ea5t d\u1eef li\u1ec7u<\/td><td>H\u00e0ng tri\u1ec7u m\u00e0u<\/td><td>&#8211; \u1ea2nh t\u0129nh <br><br>&#8211; \u1ea2nh ch\u1ee5p \/ Nhi\u1ebfp \u1ea2nh <\/td><\/tr><tr><td><strong>GIF<\/strong><\/td><td>Kh\u00f4ng m\u1ea5t d\u1eef li\u1ec7u<\/td><td>T\u1ed1i \u0111a l\u00e0 256 m\u00e0u<\/td><td>&#8211; \u1ea2nh \u0111\u1ed9ng \u0111\u01a1n gi\u1ea3n <br><br>&#8211; \u0110\u1ed3 h\u1ecda v\u1edbi m\u00e0u tr\u01a1n <br><br>&#8211; \u0110\u1ed3 h\u1ecda kh\u00f4ng c\u00f3 gradients <\/td><\/tr><tr><td><strong>PNG-8<\/strong><\/td><td>Kh\u00f4ng m\u1ea5t d\u1eef li\u1ec7u<\/td><td>T\u1ed1i \u0111a l\u00e0 256 m\u00e0u<\/td><td>&#8211; T\u01b0\u01a1ng t\u1ef1 \u1ea3nh GIF <br><br>&#8211; Thu\u1ed9c t\u00ednh trong su\u1ed1t t\u1ed1t h\u01a1n<br><br>&#8211; Kh\u00f4ng l\u00e0m \u1ea3nh \u0111\u1ed9ng \u0111\u01b0\u1ee3c <br><br>&#8211; R\u1ea5t t\u1ed1t \u0111\u1ec3 l\u00e0m icon <\/td><\/tr><tr><td><strong>PNG-24<\/strong><\/td><td>Kh\u00f4ng m\u1ea5t d\u1eef li\u1ec7u<\/td><td>Kh\u00f4ng gi\u1edbi h\u1ea1n s\u1ed1 m\u00e0u<\/td><td>&#8211; T\u01b0\u01a1ng t\u1ef1 PNG-8 <br><br>&#8211; H\u1eefu \u00edch cho \u1ea3nh t\u0129nh <br><br>&#8211; \u1ea2nh c\u1ea7n thu\u1ed9c t\u00ednh trong su\u1ed1t <\/td><\/tr><tr><td><strong>SVG<\/strong><\/td><td>Vector\/Kh\u00f4ng m\u1ea5t d\u1eef li\u1ec7u<\/td><td>Kh\u00f4ng gi\u1edbi h\u1ea1n s\u1ed1 m\u00e0u<\/td><td>&#8211; \u0110\u1ed3 h\u1ecda \/ logo cho web <br><br>&#8211; M\u00e0n h\u00ecnhRetina \/ \u0111\u1ed9 ph\u00e2n gi\u1ea3i cao <\/td><\/tr><\/tbody><\/table><\/figure>\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_Anh_GIF\"><\/span>1. \u1ea2nh GIF<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/256-color-gif.jpg\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/256-color-gif.jpg\" alt=\"B\u1ea3ng 256 m\u00e0u\" class=\"wp-image-5158\"\/><\/a><figcaption>B\u1ea3ng 256 m\u00e0u<\/figcaption><\/figure><\/div>\n\n\n<p>GIF l\u00e0 vi\u1ebft t\u1eaft c\u1ee7a t\u1eeb&nbsp;Graphic Interchange Format.<\/p>\n\n\n\n<p>N\u1ebfu b\u1ea1n quen thu\u1ed9c v\u1edbi internet t\u1eeb nh\u1eefng ng\u00e0y s\u01a1 khai, b\u1ea1n ch\u1eafc ch\u1eafn bi\u1ebft \u0111\u1ecbnh d\u1ea1ng \u1ea3nh ng\u1ed1 (<em>goofiest<\/em>) tr\u00ean web &#8211; \u0111\u1ecbnh d\u1ea1ng \u1ea3nh GIF.<\/p>\n\n\n\n<p>\u0110\u1ecbnh d\u1ea1ng GIF l\u00e0 m\u1ed9t d\u1ea1ng bitmap, kh\u00f4ng gi\u1ed1ng nh\u01b0 JPEG ho\u1eb7c PNG, file GIF gi\u1edbi h\u1ea1n b\u1ea3ng m\u00e0u t\u1ed1i \u0111a <strong>ch\u1ec9 c\u00f3 256 m\u00e0u<\/strong>. V\u1ec1 c\u01a1 b\u1ea3n m\u1ed7i \u1ea3nh GIF l\u00e0 m\u1ed9t &#8216;h\u1ed9p b\u00fat ch\u00ec m\u00e0u \/ <em>box of crayons<\/em>&#8216; s\u1eb5n c\u00f3 (<em>preset<\/em>) v\u00e0 kh\u00f4ng c\u00f3 c\u00e1ch <em>pha tr\u1ed9n<\/em> th\u1ef1c s\u1ef1 n\u00e0o \u0111\u1ec3 <em>t\u1ea1o ra m\u00e0u m\u1edbi<\/em>.<\/p>\n\n\n\n<p>Trong khi 256 m\u00e0u nghe c\u00f3 v\u1ebb l\u00e0 c\u00f3 r\u1ea5t nhi\u1ec1u b\u00fat m\u00e0u \u0111\u1ec3 b\u1ea1n c\u00f3 th\u1ec3 l\u00e0m vi\u1ec7c, c\u00e1c b\u1ee9c \u1ea3nh ch\u1ee5p ph\u1ee9c t\u1ea1p th\u01b0\u1eddng y\u00eau c\u1ea7u h\u00e0ng ng\u00e0n t\u00f4ng m\u00e0u (<em>thousands of tones<\/em>). \u0110\u00e2y l\u00e0 kho\u1ea3ng m\u00e0u b\u1ecb m\u1ea5t khi x\u1eed l\u00fd chuy\u1ec3n \u0111\u1ed5i sang GIF, v\u00e0 \u0111\u00e2y l\u00e0 l\u00fd do ch\u00ednh cho vi\u1ec7c ch\u00fang ta kh\u00f4ng n\u00ean s\u1eed d\u1ee5ng GIF cho c\u00e1c \u1ea3nh nhi\u1ec1u m\u00e0u s\u1eafc (v\u00ed d\u1ee5 c\u00e1c \u1ea3nh ch\u1ee5p trong \u0111\u1eddi s\u1ed1ng h\u00e0ng ng\u00e0y).<\/p>\n\n\n\n<p>Trong khi \u1ea3nh GIF th\u01b0\u1eddng l\u00e0 l\u1ef1a ch\u1ecdn t\u1ed3i cho \u1ea3nh v\u1edbi kho\u1ea3ng bi\u1ebfn \u0111\u1ed5i m\u00e0u r\u1ed9ng, th\u00ec v\u1edbi gi\u1edbi h\u1ea1n 256 m\u00e0u n\u00f3 c\u00f3 \u01b0u th\u1ebf r\u1ea5t l\u1edbn trong vi\u1ec7c gi\u00fap gi\u1eef dung l\u01b0\u1ee3ng file nh\u1ecf, r\u1ea5t l\u00fd t\u01b0\u1edfng cho d\u00f9 v\u1edbi \u0111\u01b0\u1eddng truy\u1ec1n internet ch\u1eadm nh\u1ea5t. Trong nhi\u1ec1u n\u0103m, ch\u1ec9 c\u00f3 \u1ea3nh GIF c\u00f3 t\u00f9y ch\u1ecdn <em>thu\u1ed9c t\u00ednh trong su\u1ed1t<\/em>&nbsp;&#8211; gi\u1edd th\u00ec PNG v\u00e0 SVG c\u0169ng cung c\u1ea5p \u0111i\u1ec1u n\u00e0y.<\/p>\n\n\n\n<p><strong>Ph\u00e2n lo\u1ea1i: Kh\u00f4ng m\u1ea5t d\u1eef li\u1ec7u<\/strong><\/p>\n\n\n\n<p><strong>L\u1ef1a ch\u1ecdn \u1ea3nh GIF cho:<\/strong><\/p>\n\n\n\n<ul><li>\u1ea2nh \u0111\u1ed9ng \u0111\u01a1n gi\u1ea3n;<\/li><li>C\u00e1c icon nh\u1ecf;<\/li><li>\u0110\u1ed3 h\u1ecda v\u1edbi bi\u1ebfn \u0111\u1ed5i pixel-t\u1edbi-pixel (<em>pixel-to-pixel<\/em>) th\u1ea5p (th\u00ed d\u1ee5 m\u00e0u tr\u01a1n nh\u01b0 logo v\u00e0 c\u1edd);<\/li><\/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=\"2_Anh_JPEG\"><\/span>2. \u1ea2nh JPEG<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>T\u00f9y theo s\u1edf th\u00edch c\u1ee7a b\u1ea1n, b\u1ea1n c\u00f3 th\u1ec3 ch\u1ec9&nbsp;\u0111\u1ebfn \u0111\u1ecbnh d\u1ea1ng n\u00e0y d\u01b0\u1edbi c\u1ea3 hai d\u1ea1ng &#8216;JPEG&#8217; ho\u1eb7c &#8216;JPG&#8217; &#8211; c\u1ea3 hai \u0111\u01b0\u1ee3c ch\u1ea5p nh\u1eadn l\u00e0 c\u00e1c bi\u1ebfn th\u1ec3 c\u1ee7a c\u00f9ng t\u1eeb vi\u1ebft t\u1eaft &#8211; <em>Joint Photographic Experts Group<\/em>.<\/p>\n\n\n\n<p>Kh\u00f4ng gi\u1ed1ng nh\u01b0 GIF, \u1ea3nh JPEG l\u00e0 \u0111\u1ecbnh d\u1ea1ng 16-bit, \u0111i\u1ec1u \u0111\u1ea5y c\u00f3 ngh\u0129a l\u00e0 n\u00f3 c\u00f3 th\u1ec3 tr\u1ed9n <span style=\"color: #ff0000;\">\u00e1nh s\u00e1ng m\u00e0u \u0111\u1ecf<\/span>, <span style=\"color: #0000ff;\">xanh da tr\u1eddi<\/span> v\u00e0 <span style=\"color: #008000;\">xanh l\u00e1 c\u00e2y<\/span> \u0111\u1ec3 <em>hi\u1ec3n th\u1ecb h\u00e0ng tri\u1ec7u m\u00e0u<\/em>. \u0110i\u1ec1u n\u00e0y l\u00e0m cho JPG tr\u1edf th\u00e0nh \u0111\u1ecbnh d\u1ea1nh &#8216;\u1ea3nh ch\u1ee5p th\u00e2n thi\u1ec7n&#8217; \/ &#8216;<em>photo-friendly<\/em>&#8216;. \u0110\u00e2y l\u00e0 m\u1ed9t ph\u1ea7n l\u00fd do t\u1ea1i sao n\u00f3 l\u00e0 <em>\u0111\u1ecbnh d\u1ea1ng ti\u00eau chu\u1ea9n<\/em> cho h\u1ea7u h\u1ebft m\u00e1y \u1ea3nh k\u1ef9 thu\u1eadt s\u1ed1 tr\u00ean th\u1ecb tr\u01b0\u1eddng.<\/p>\n\n\n\n<p>\u0110\u1ecbnh d\u1ea1ng JPEG c\u0169ng cho ph\u00e9p b\u1ea1n<em> m\u1ec1m d\u1ebbo<\/em> trong kh\u1ea3 n\u0103ng <strong>l\u1ef1a ch\u1ecdn m\u1ee9c \u0111\u1ed9 n\u00e9n<\/strong> c\u1ee7a \u1ea3nh &#8211; t\u1eeb 0% (n\u00e9n r\u1ea5t cao \/ <em>heavy compression<\/em>) cho \u0111\u1ebfn 100% (kh\u00f4ng n\u00e9n \/ <em>no compression<\/em>). Th\u01b0\u1eddng thi\u1ebft l\u1eadp \u0111\u1ed9 n\u00e9n 60%-75% s\u1ebd thu nh\u1ecf \u0111\u00e1ng k\u1ec3 dung l\u01b0\u1ee3ng file c\u1ee7a b\u1ea1n trong khi h\u00ecnh \u1ea3nh tr\u00f4ng v\u1eabn t\u1ed1t tr\u00ean h\u1ea7u h\u1ebft c\u00e1c lo\u1ea1i m\u00e0n h\u00ecnh.<\/p>\n\n\n\n<p>Trong khi JPEG ph\u00f9 h\u1ee3p \u0111\u1ec3 n\u00e9n v\u00e0 xu\u1ea5t \u1ea3nh ch\u1ee5p (<em>photography<\/em>), n\u00f3 l\u00e0 \u0111\u1ecbnh d\u1ea1ng n\u00e9n m\u1ea5t d\u1eef li\u1ec7u (<em>lossy compression type<\/em>) ngh\u0129a l\u00e0 n\u00f3<em> \u00edt h\u1eefu \u00edch<\/em> trong vi\u1ec7c <strong>ch\u1ec9nh s\u1eeda li\u00ean t\u1ee5c<\/strong> (<em>ongoing editing<\/em>) b\u1ee9c \u1ea3nh. Xu\u1ea5t file JPEG s\u1ebd l\u00e0m m\u1ea5t ch\u1ea5t l\u01b0\u1ee3ng, v\u00e0 s\u1ef1 m\u1ea5t m\u00e1t n\u00e0y s\u1ebd t\u1ec7 h\u01a1n v\u1edbi m\u1ed7i l\u1ea7n xu\u1ea5t k\u1ebf ti\u1ebfp &#8211; gi\u1ed1ng ki\u1ec3u m\u1ed9t b\u1ea3n photocopy c\u1ee7a b\u1ea3n photocopy kh\u00e1c. \u0110\u1ea5y l\u00e0 l\u00fd do v\u00ec sao c\u00e1c nhi\u1ebfp \u1ea3nh gia chuy\u00ean nghi\u1ec7p th\u01b0\u1eddng ch\u1ee5p \u1ea3nh b\u1eb1ng \u0111\u1ecbnh d\u1ea1ng kh\u00f4ng m\u1ea5t d\u1eef li\u1ec7u RAW.<\/p>\n\n\n\n<p>C\u0169ng n\u00ean l\u01b0u \u00fd \u0111i\u1ec1u n\u00e0y, kh\u00f4ng gi\u1ed1ng nh\u01b0 GIF v\u00e0 PNG, \u1ea3nh \u0111\u1ecbnh d\u1ea1ng JPEG kh\u00f4ng c\u00f3 thu\u1ed9c t\u00ednh trong su\u1ed1t.<\/p>\n\n\n\n<p><strong>Ph\u00e2n lo\u1ea1i: M\u1ea5t d\u1eef li\u1ec7u<\/strong><\/p>\n\n\n\n<p><strong>S\u1eed d\u1ee5ng JPEG cho:<\/strong><\/p>\n\n\n\n<ul><li>\u1ea2nh t\u0129nh;<\/li><li>\u1ea2nh ch\u1ee5p;<\/li><li>\u1ea2nh c\u00f3 nhi\u1ec1u m\u00e0u ph\u1ee9c t\u1ea1p v\u00e0 n\u0103ng \u0111\u1ed9ng;<\/li><\/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_PNG\"><\/span>3. \u1ea2nh PNG<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u0110\u1ecbnh d\u1ea1ng m\u1edbi h\u01a1n so v\u1edbi GIF v\u00e0 JPEG, \u1ea3nh PNG (<em>Portable Network Graphics<\/em>) gi\u1ed1ng nh\u01b0 l\u00e0 cu\u1ed9c h\u00f4n nh\u00e2n gi\u1eefa \u0111\u1ecbnh d\u1ea1ng GIF v\u00e0 JPEG nh\u1edd hai bi\u1ebfn th\u1ec3 c\u1ee7a n\u00f3.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">PNG-8<\/h3>\n\n\n\n<p>PNG-8 t\u01b0\u01a1ng t\u1ef1 nh\u01b0 GIF theo nhi\u1ec1u c\u00e1ch v\u00e0 s\u1eed d\u1ee5ng c\u00f9ng b\u1ea3ng 256 m\u00e0u (t\u1ed1i \u0111a). N\u00f3 l\u00e0 l\u1ef1a ch\u1ecdn t\u1ed1t h\u01a1n khi t\u00ednh \u0111\u1ebfn ph\u01b0\u01a1ng \u00e1n c\u1ea7n <em>thu\u1ed9c t\u00ednh trong su\u1ed1t<\/em> v\u00e0 th\u01b0\u1eddng xu\u1ea5t ra file c\u00f3 <em>dung l\u01b0\u1ee3ng nh\u1ecf<\/em> h\u01a1n m\u1ed9t ch\u00fat. D\u1ea7u v\u1eady, PNG-8 kh\u00f4ng c\u00f3 ch\u1ee9c n\u0103ng \u1ea3nh ho\u1ea1t h\u00ecnh (\u1ea3nh \u0111\u1ed9ng)<strong>&nbsp;<\/strong>nh\u01b0 c\u1ee7a GIF.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">PNG-24<\/h3>\n\n\n\n<p>PNG-24 cho ph\u00e9p b\u1ea1n xu\u1ea5t \u1ea3nh v\u1edbi<em> h\u00e0ng tri\u1ec7u m\u00e0u<\/em>&nbsp;&#8211; gi\u1ed1ng nh\u01b0 \u1ea3nh JPEG &#8211; nh\u01b0ng c\u0169ng cung c\u1ea5p kh\u1ea3 n\u0103ng t\u1ea1o thu\u1ed9c t\u00ednh trong su\u1ed1t. V\u00ec PNG-24 l\u00e0 \u0111\u1ecbnh d\u1ea1ng file kh\u00f4ng m\u1ea5t d\u1eef li\u1ec7u, b\u1ea1n c\u00f3 th\u1ec3 ph\u1ea3i t\u1ed1n d\u1eef li\u1ec7u l\u1edbn \u0111\u1ec3 l\u01b0u ch\u00fang, tuy nhi\u00ean trong tr\u01b0\u1eddng h\u1ee3p ch\u1ea5t l\u01b0\u1ee3ng \u1ea3nh quan tr\u1ecdng h\u01a1n dung l\u01b0\u1ee3ng \u1ea3nh, PNG-24 l\u00e0 l\u1ef1a ch\u1ecdn t\u1ed1t nh\u1ea5t.<\/p>\n\n\n\n<p>M\u1eb7c d\u00f9 v\u1eady, c\u00e1c d\u1ecbch v\u1ee5 ki\u1ec3u nh\u01b0 <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">TinyPNG.com<\/a> c\u00f3 th\u1ec3 l\u00e0m dung l\u01b0\u1ee3ng \u1ea3nh gi\u1ea3m \u0111i r\u1ea5t nhi\u1ec1u. So s\u00e1nh v\u1edbi ng\u01b0\u1eddi h\u1ecd h\u00e0ng JPEG, \u1ea3nh \u0111\u1ecbnh d\u1ea1ng PNG-24 kh\u00f4ng t\u01b0\u01a1ng th\u00edch ph\u1ed5 bi\u1ebfn v\u1edbi m\u1ecdi \u1ee9ng d\u1ee5ng v\u00e0 n\u1ec1n t\u1ea3ng, \u0111i\u1ec1u n\u00e0y l\u00e0m n\u00f3 l\u00e0 \u0111\u1ecbnh d\u1ea1ng k\u00e9m l\u00fd t\u01b0\u1edfng h\u01a1n cho vi\u1ec7c chia s\u1ebb tr\u00ean web. D\u1ea7u v\u1eady, n\u00f3 c\u00f3 kh\u1ea3 n\u0103ng \u0111\u01b0\u1ee3c bi\u00ean t\u1eadp m\u00e0 kh\u00f4ng b\u1ecb gi\u1ea3m b\u1edbt ch\u1ea5t l\u01b0\u1ee3ng.<\/p>\n\n\n\n<p><strong>Ph\u00e2n lo\u1ea1i: Kh\u00f4ng m\u1ea5t d\u1eef li\u1ec7u<\/strong><\/p>\n\n\n\n<p><strong>S\u1eed d\u1ee5ng PNG cho:<\/strong><\/p>\n\n\n\n<ul><li>\u0110\u1ed3 h\u1ecda web y\u00eau c\u1ea7u thu\u1ed9c t\u00ednh trong su\u1ed1t;<\/li><li>\u1ea2nh ch\u1ee5p, \u1ea3nh \u0111\u1ed3 h\u1ecda c\u1ea7n nhi\u1ec1u m\u00e0u s\u1eafc ph\u1ee9c t\u1ea1p;<\/li><li>C\u00e1c \u1ea3nh y\u00eau c\u1ea7u nhi\u1ec1u ch\u1ec9nh s\u1eeda v\u00e0 xu\u1ea5t l\u1ea1i nhi\u1ec1u l\u1ea7n (<em>re-editing and re-exporting<\/em>);<\/li><\/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_Anh_SVG\"><\/span>4. \u1ea2nh SVG<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Kh\u00f4ng gi\u1ed1ng nh\u01b0 ba \u0111\u1ecbnh d\u1ea1ng \u0111\u01b0\u1ee3c \u0111\u1ec1 c\u1eadp b\u00ean tr\u00ean, SVG (<em>Scalable Vector Graphic<\/em>) kh\u00f4ng ph\u1ea3i l\u00e0 \u0111\u1ecbnh d\u1ea1ng bitmap thu\u1ea7n t\u00fay (<em>pure bitmap format<\/em>). Thay v\u00e0o \u0111\u00f3 n\u00f3 l\u00e0 <strong>\u0111\u1ecbnh d\u1ea1ng vector<\/strong> &#8211; m\u1ed9t ng\u01b0\u1eddi anh em r\u1ea5t g\u1ea7n&nbsp;v\u1edbi \u0111\u1ecbnh d\u1ea1ng Adobe Illustrator&#8217;s AI v\u00e0 EPS &#8211; \u0111\u00e2y th\u01b0\u1eddng l\u00e0 l\u1ef1a ch\u1ecdn h\u1ea5p d\u1eabn cho ng\u01b0\u1eddi thi\u1ebft k\u1ebf web v\u00e0 thi\u1ebft k\u1ebf giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng (UI).<\/p>\n\n\n\n<p>\u0110\u00f4i khi kh\u00e1 l\u00e0 h\u1eefu \u00edch khi ngh\u0129 r\u1eb1ng SVG l\u00e0 &#8216;HTML cho illustrations&#8217; v\u00e0 b\u1ea1n c\u1ea7n ngh\u0129 v\u1ec1 n\u00f3 t\u01b0\u01a1ng \u0111\u1ed1i kh\u00e1c&nbsp;v\u1edbi c\u00e1c \u0111\u1ecbnh d\u1ea1ng \u1ea3nh m\u00e0 ch\u00fang t\u00f4i v\u1eeba li\u1ec7t k\u00ea \u1edf tr\u00ean.<\/p>\n\n\n\n<p>SVG ph\u00f9 h\u1ee3p nh\u1ea5t \u0111\u1ec3 hi\u1ec3n th\u1ecb logo, icon, b\u1ea3n \u0111\u1ed3, l\u00e1 c\u1edd, b\u1ea3ng bi\u1ec3u v\u00e0 \u1ea3nh \u0111\u1ed3 h\u1ecda kh\u00e1c \u0111\u00e3 \u0111\u01b0\u1ee3c t\u1ea1o b\u1eb1ng c\u00e1c \u1ee9ng d\u1ee5ng d\u1ee5ng <strong>\u0111\u1ed3 h\u1ecda vector<\/strong> nh\u01b0 Illustrator, Sketch, v\u00e0 Inkscape.<\/p>\n\n\n\n<p>\u0110\u01b0\u1ee3c vi\u1ebft d\u1ef1a tr\u00ean m\u00e3 \u0111\u00e1nh d\u1ea5u XML (<em>XML-based markup<\/em>), \u0111\u1ecbnh d\u1ea1ng \u1ea3nh SVG c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c bi\u00ean t\u1eadp tr\u00ean b\u1ea5t c\u1ee9 tr\u00ecnh so\u1ea1n th\u1ea3o v\u0103n b\u1ea3n n\u00e0o v\u00e0 \u0111\u01b0\u1ee3c ch\u1ec9nh s\u1eeda&nbsp;b\u1eb1ng JavaScript ho\u1eb7c CSS.<\/p>\n\n\n\n<p>V\u00ec vector c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c thu nh\u1ecf l\u1ea1i v\u1edbi b\u1ea5t k\u1ef3 k\u00edch th\u01b0\u1edbc&nbsp;n\u00e0o trong khi v\u1eabn gi\u1eef l\u1ea1i \u0111\u1ed9 s\u1eafc n\u00e9t&nbsp;cho ch\u1ea5t l\u01b0\u1ee3ng h\u00ecnh, ch\u00fang r\u1ea5t l\u00fd t\u01b0\u1edfng cho c\u00e1c thi\u1ebft k\u1ebf \u0111\u00e1p \u1ee9ng (<em>responsive design<\/em> \/ thi\u1ebft k\u1ebf c\u1ea7n ph\u00f3ng to thu nh\u1ecf theo m\u00e0n h\u00ecnh thi\u1ebft b\u1ecb).<\/p>\n\n\n\n<p>Cho d\u00f9 SVG v\u1ec1 c\u1ed1t l\u00f5i l\u00e0 \u0111\u1ecbnh d\u1ea1ng vector, n\u00f3 c\u00f3 th\u1ec3 (th\u1eadm ch\u00ed l\u00e0 th\u01b0\u1eddng xuy\u00ean) \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 nh\u00fang \u1ea3nh \u0111\u1ed3 h\u1ecda bitmap <strong>v\u00e0o b\u00ean trong<\/strong> file SVG c\u1ee7a b\u1ea1n &#8211; gi\u1ed1ng nh\u01b0 b\u1ea1n c\u00f3 th\u1ec3 nh\u00fang JPEG v\u00e0o b\u00ean trong m\u00e3 HTML.<\/p>\n\n\n\n<p>B\u1ea1n c\u00f3 th\u1ec3 l\u00e0m \u0111i\u1ec1u \u0111\u00f3 b\u1eb1ng c\u1ea3 hai c\u00e1ch, \u0111\u00f3 l\u00e0 li\u00ean k\u1ebft t\u1edbi m\u1ed9t \u1ea3nh ngu\u1ed3n th\u00f4ng qua URL c\u1ee7a n\u00f3 (nh\u01b0 b\u1ea1n c\u00f3 th\u1ec3 li\u00ean k\u1ebft t\u1edbi JPG tr\u00ean trang web) ho\u1eb7c b\u1eb1ng c\u00e1ch \u0111\u00f3ng g\u00f3i c\u00e1c pixel \u1ea3nh nh\u01b0 Data URI. \u0110i\u1ec1u n\u00e0y cho ph\u00e9p SVG kh\u00f4ng b\u1ecb ng\u0103n c\u1ea3n v\u1ec1 s\u1ef1 linh ho\u1ea1t v\u00e0 s\u1ee9c m\u1ea1nh.<\/p>\n\n\n\n<p>D\u00f9 cho SVG c\u00f3 th\u1ec3 gi\u00fap b\u1ea1n gi\u1eef h\u00ecnh \u1ea3nh tr\u00f4ng \u0111\u1eb9p h\u01a1n tr\u00ean web, n\u00f3 kh\u00f4ng nh\u1ea5t thi\u1ebft l\u00e0 m\u1ed9t \u0111\u1ecbnh d\u1ea1ng m\u00e0 h\u00e0ng ng\u00e0y m\u1ecdi ng\u01b0\u1eddi c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng \u0111\u1ec3 l\u01b0u tr\u1eef v\u00e0 t\u1ea3i \u1ea3nh th\u00f4ng qua trang web ho\u1eb7c c\u00e1c n\u1ec1n t\u1ea3ng m\u1ea1ng x\u00e3 h\u1ed9i.<\/p>\n\n\n\n<p>C\u00e1c d\u1ecbch v\u1ee5 online nh\u01b0 WordPress, Flickr, Medium, Tumblr v\u00e0 Facebook s\u1ebd bu\u1ed9c ph\u1ea3i chuy\u1ec3n \u0111\u1ed5i \u0111\u1ecbnh d\u1ea1ng (<em>forcibly convert<\/em>) SVG c\u1ee7a b\u1ea1n sang \u0111\u1ecbnh d\u1ea1ng m\u00e0 h\u1ecd th\u00edch, ho\u1eb7c &#8211; \u0111i\u1ec1u n\u00e0y l\u00e0 th\u01b0\u1eddng xuy\u00ean h\u01a1n &#8211; ch\u1eb7n lu\u00f4n (<em>outright block<\/em>) kh\u00f4ng cho t\u1ea3i SVG. C\u00f3 m\u1ed9t s\u1ed1 hosting \u0111\u01b0\u1ee3c l\u1ef1a ch\u1ecdn cho vi\u1ec7c l\u01b0u tr\u1eef SVG, bao g\u1ed3m&nbsp;<a href=\"http:\/\/svgur.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">svgur.com<\/a>, <a href=\"https:\/\/imgh.us\/\" target=\"_blank\" rel=\"noreferrer noopener\">imgh.us<\/a>&nbsp;v\u00e0 th\u1eadm ch\u00ed c\u1ea3&nbsp;<a href=\"https:\/\/www.sitepoint.com\/why-hosting-your-svgs-is-hard-and-how-to-beat-it\/\" target=\"_blank\" rel=\"noreferrer noopener\">Github, nh\u01b0 Alex ch\u1ee9ng minh \u1edf \u0111\u00e2y<\/a>.<\/p>\n\n\n\n<p>T\u00f4i h\u1ea1nh ph\u00fac khi th\u1ea5y c\u00e1c d\u1ecbch v\u1ee5 hosting nh\u1ecf h\u01a1n ch\u1ea5p nh\u1eadn SVG, Github hi\u1ec7n l\u00e0 d\u1ecbch v\u1ee5 SVG-th\u00e2n thi\u1ec7n duy nh\u1ea5t t\u00f4i ch\u1eafc ch\u1eafn (<em>confident<\/em>) 99% s\u1ebd t\u1ed3n t\u1ea1i \u0111\u01b0\u1ee3c trong 5 n\u0103m.<\/p>\n\n\n\n<p>N\u1ebfu b\u1ea1n s\u1eed d\u1ee5ng SVG \u0111\u1ec3 thi\u1ebft k\u1ebf web, b\u1ea1n s\u1ebd th\u1ea5y g\u1ea7n nh\u01b0 lu\u00f4n lu\u00f4n gi\u1ea3m \u0111\u01b0\u1ee3c k\u00edch c\u1ee1 file khi so s\u00e1nh v\u1edbi c\u00e1c \u0111\u1ecbnh d\u1ea1ng kh\u00e1c nh\u01b0 JPEG ho\u1eb7c PNG. Nh\u01b0ng l\u01b0u \u00fd l\u00e0 v\u1edbi \u1ea3nh ph\u1ee9c t\u1ea1p h\u01a1n, file SVG s\u1ebd l\u1edbn h\u01a1n.<\/p>\n\n\n\n<p><strong>Ph\u00e2n lo\u1ea1i: \u1ea2nh vector\/Kh\u00f4ng m\u1ea5t d\u1eef li\u1ec7u<\/strong><\/p>\n\n\n\n<p><strong>S\u1eed d\u1ee5ng SVG cho:<\/strong><\/p>\n\n\n\n<ul><li>Logo v\u00e0 icon v\u1edbi thi\u1ebft k\u1ebf m\u1ea1nh m\u1ebd, h\u00ecnh h\u1ecdc, thi\u1ebft k\u1ebf th\u00e2n thi\u1ec7n v\u1edbi vector;<\/li><li>H\u00ecnh \u0111\u1ed3 h\u1ecda c\u00f3 th\u1ec3 c\u1ea7n hi\u1ec3n th\u1ecb hi\u1ec3n th\u1ecb d\u01b0\u1edbi nhi\u1ec1u d\u1ea1ng k\u00edch c\u1ee1 v\u00e0 m\u00e0n h\u00ecnh;<\/li><li>H\u00ecnh \u0111\u1ed3 h\u1ecda \u0111\u00e1p \u1ee9ng v\u1edbi thi\u1ebft b\u1ecb c\u1ee7a h\u1ecd;<\/li><li>H\u00ecnh \u0111\u1ed3 h\u1ecda c\u1ea7n bi\u00ean t\u1eadp, c\u1eadp nh\u1eadt v\u00e0 tri\u1ec3n khai l\u1ea1i;<\/li><\/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=\"So_sanh_va_doi_chieu\"><\/span>So s\u00e1nh v\u00e0 \u0111\u1ed1i chi\u1ebfu<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Gi\u1edd khi ch\u00fang ta \u0111\u00e3 bi\u1ebft s\u1ef1 kh\u00e1c nhau gi\u1eefa c\u00e1c \u0111\u1ecbnh d\u1ea1ng \u1ea3nh ph\u1ed5 bi\u1ebfn, \u0111\u00e3 \u0111\u1ebfn l\u00fac quan s\u00e1t ch\u00fang khi \u0111\u01b0\u1ee3c \u0111\u1eb7t s\u00e1t c\u1ea1nh nhau.<\/p>\n\n\n\n<p>B\u00ean d\u01b0\u1edbi, b\u1ea1n s\u1ebd th\u1ea5y c\u00e1ch c\u00e1c \u0111\u1ecbnh d\u1ea1ng GIF, JPEG, PNG v\u00e0 SVG x\u1eed l\u00fd h\u00ecnh \u1ea3nh v\u1edbi c\u1ea3 c\u00e1c m\u00e0u \u0111\u01a1n gi\u1ea3n v\u00e0 ph\u1ee9c t\u1ea1p, c\u00f9ng v\u1edbi&nbsp;c\u1ea3 \u1ea3nh ch\u1ee5p n\u1eefa.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">H\u00ecnh \u0111\u1ed3 h\u1ecda v\u1edbi m\u00e0u tr\u01a1n<\/h3>\n\n\n\n<p>\u0110\u1ecbnh d\u1ea1ng \u1ea3nh \u0111\u1ea7u ti\u00ean ch\u00fang t\u00f4i mu\u1ed1n xem x\u00e9t l\u00e0 h\u00ecnh \u0111\u1ed3 h\u1ecda v\u1edbi m\u00e0u tr\u01a1n (<em>flat color graphics<\/em>). Ch\u00fang bao g\u1ed3m h\u1ea7u h\u1ebft c\u00e1c logo v\u00e0 nh\u00e3n hi\u1ec7u, icon, b\u1ea3n \u0111\u1ed3 \u0111\u01a1n gi\u1ea3n, b\u1ea3ng bi\u1ec3u, v\u00e0 s\u01a1 \u0111\u1ed3. \u1ea2nh g\u1ed1c l\u00e0 23,4 KB PNG v\u1edbi \u0111\u1ed9 ph\u00e2n gi\u1ea3i (<em>dimension<\/em>) l\u00e0 1280 x 1280.<\/p>\n\n\n\n<p>B\u00ean d\u01b0\u1edbi b\u1ea1n s\u1ebd th\u1ea5y s\u1ef1 kh\u00e1c nhau trong k\u00edch c\u1ee1 n\u00e9n (<em>compression size<\/em>) c\u0169ng nh\u01b0 ch\u1ea5t l\u01b0\u1ee3ng h\u00ecnh \u1ea3nh. L\u01b0u \u00fd l\u00e0 c\u00e1c \u1ea3nh \u0111\u01b0\u1ee3c l\u01b0u s\u1eed d\u1ee5ng t\u00ednh n\u0103ng &#8220;Save for Web and Devices \/ L\u01b0u cho Web v\u00e0 C\u00e1c thi\u1ebft b\u1ecb&#8221; c\u1ee7a Photoshop, v\u1edbi t\u00f9y ch\u1ecdn ch\u1ea5t l\u01b0\u1ee3ng cao nh\u1ea5t.<\/p>\n\n\n\n<p><strong>GIF: 17.6 KB<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/anh-gif.gif\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/anh-gif.gif\" alt=\"GIF: 17.6 KB\" class=\"wp-image-5163\"\/><\/a><\/figure><\/div>\n\n\n<p>&#8212;<\/p>\n\n\n\n<p><strong>JPEG 100% (kh\u00f4ng n\u00e9n): 53,3 KB<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/JPEG-100percent.jpg\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/JPEG-100percent.jpg\" alt=\"JPEG 100% (kh\u00f4ng n\u00e9n): 53,3 KB\" class=\"wp-image-5164\"\/><\/a><\/figure><\/div>\n\n\n<p>&#8212;<\/p>\n\n\n\n<p><strong>JPEG 75%: 33 KB<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/JPEG75.jpg\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/JPEG75.jpg\" alt=\"JPEG 75%: 33 KB\" class=\"wp-image-5165\"\/><\/a><\/figure><\/div>\n\n\n<p>&#8212;<\/p>\n\n\n\n<p><strong>PNG-8: 11,8 KB<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/PNG-8.png\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/PNG-8.png\" alt=\"PNG-8: 11,8 KB\" class=\"wp-image-5166\"\/><\/a><\/figure><\/div>\n\n\n<p>&#8212;<\/p>\n\n\n\n<p><strong>PNG-24:19,6 KB<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/PNG24.png\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/PNG24.png\" alt=\"PNG-24:19,6 KB\" class=\"wp-image-5167\"\/><\/a><\/figure><\/div>\n\n\n<p>&#8212;<\/p>\n\n\n\n<p><strong>SVG: 6 KB (\u0111\u1ecbnh d\u1ea1ng \u0111\u1ed3 h\u1ecda vector thu\u1ea7n t\u00fay)<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/anhSVG.svg\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/anhSVG.svg\" alt=\"SVG: 6 KB (\u0111\u1ecbnh d\u1ea1ng \u0111\u1ed3 h\u1ecda vector thu\u1ea7n t\u00fay)\" class=\"wp-image-5167\"\/><\/a><\/figure><\/div>\n\n\n<p>Trong tr\u01b0\u1eddng h\u1ee3p b\u1ee9c h\u00ecnh c\u1ee5 th\u1ec3 n\u00e0y, kh\u00f4ng c\u00f3 s\u1ef1 suy gi\u1ea3m ch\u1ea5t l\u01b0\u1ee3ng \u0111\u00e1ng k\u1ec3 khi b\u1ea1n so s\u00e1nh s\u00e1u \u0111\u1ecbnh d\u1ea1ng &#8211; m\u1eb7c d\u00f9 b\u1ea1n s\u1ebd ch\u00fa \u00fd \u0111\u1ebfn nhi\u1ec5u nh\u1ecf g\u1ea7n c\u1ea1nh b\u00ean trong \u1ea3nh JPEG \u0111\u00e3 \u0111\u01b0\u1ee3c n\u00e9n. \u0110i\u1ec1u n\u00e0y kh\u00f4ng ph\u1ea3i lu\u00f4n lu\u00f4n \u0111\u00fang \u0111\u1ed1i v\u1edbi h\u00ecnh h\u1ecda m\u00e0u tr\u01a1n, nh\u01b0ng trong ph\u1ea7n l\u1edbn tr\u01b0\u1eddng h\u1ee3p, b\u1ea1n s\u1ebd \u1ed5n v\u1edbi t\u1ea5m h\u00ecnh nh\u1eb9 nh\u1ea5t.<\/p>\n\n\n\n<p>V\u1edbi \u1ea3nh n\u00e0y, gi\u1ea3 \u0111\u1ecbnh l\u00e0 ch\u00fang ta c\u00f3 \u1ea3nh vector g\u1ed1c, <strong>SVG<\/strong> s\u1ebd l\u00e0 l\u1ef1a ch\u1ecdn t\u1ed1t nh\u1ea5t v\u1edbi ch\u1ec9 6 KB dung l\u01b0\u1ee3ng. N\u1ebfu ch\u00fang ta kh\u00f4ng c\u00f3 \u0111\u1ecbnh d\u1ea1ng vector, \u0111\u1ecbnh d\u1ea1ng <strong>PNG-8<\/strong> l\u00e0 m\u1ed9t l\u1ef1a ch\u1ecdn \u0111\u00fang \u0111\u1eafn v\u1edbi k\u00edch c\u1ee1 \u1ea3nh g\u1ed1c gi\u1ea3m t\u1eeb 23,4 KB xu\u1ed1ng 11,8 KB.<\/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=\"Hinh_anh_voi_mau_sac_phuc_tap\"><\/span>H\u00ecnh \u1ea3nh v\u1edbi m\u00e0u s\u1eafc ph\u1ee9c t\u1ea1p<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u1ea2nh g\u1ed1c l\u00e0 \u1ea3nh JPEG 328 KB v\u1edbi \u0111\u1ed9 ph\u00e2n gi\u1ea3i 1280 x 960. B\u00ean d\u01b0\u1edbi b\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y s\u1ef1 kh\u00e1c bi\u1ec7t trong dung l\u01b0\u1ee3ng n\u00e9n c\u0169ng nh\u01b0 ch\u1ea5t l\u01b0\u1ee3ng \u1ea3nh. L\u01b0u \u00fd l\u00e0 c\u00e1c \u1ea3nh n\u00e0y \u0111\u01b0\u1ee3c l\u01b0u b\u1eb1ng t\u00f9y ch\u1ecdn &#8220;Save for Web and Devices&#8221; \u1edf l\u1ef1a ch\u1ecdn ch\u1ea5t l\u01b0\u1ee3ng cao nh\u1ea5t.<\/p>\n\n\n\n<p>Ch\u00fang ta kh\u00f4ng th\u1ec3 c\u00f3 phi\u00ean b\u1ea3n vector trong tr\u01b0\u1eddng h\u1ee3p n\u00e0y, b\u1ea5t k\u1ef3 phi\u00ean b\u1ea3n SVG n\u00e0o c\u1ee7a \u1ea3nh n\u00e0y s\u1ebd ch\u1ec9 l\u00e0 \u1ea3nh JPEG nh\u00fang b\u00ean trong SVG. \u0110i\u1ec1u \u0111\u1ea5y th\u1ef1c r\u01b0\u1eddm r\u00e0, do v\u1eady t\u00f4i kh\u00f4ng \u0111\u01b0a ra v\u00ed d\u1ee5 SVG \u1edf \u0111\u00e2y.<\/p>\n\n\n\n<p><strong>GIF: 426KB<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/gif-color.gif\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/gif-color.gif\" alt=\"GIF: 426KB\" class=\"wp-image-5170\"\/><\/a><\/figure><\/div>\n\n\n<p>&#8212;<\/p>\n\n\n\n<p><strong>JPEG 100% (kh\u00f4ng n\u00e9n): 776 KB<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/jpeg-color-100.jpg\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/jpeg-color-100.jpg\" alt=\"JPEG 100% (kh\u00f4ng n\u00e9n): 776 KB\" class=\"wp-image-5171\"\/><\/a><\/figure><\/div>\n\n\n<p>&#8212;<\/p>\n\n\n\n<p><strong>JPEG 75%: 215 KB<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/jpeg-color-75.jpg\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/jpeg-color-75.jpg\" alt=\"JPEG 75%: 215 KB\" class=\"wp-image-5172\"\/><\/a><\/figure><\/div>\n\n\n<p>&#8212;<\/p>\n\n\n\n<p><strong>PNG-8: 327 KB<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/PNG-color-8.png\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/PNG-color-8.png\" alt=\"PNG-8: 327 KB\" class=\"wp-image-5173\"\/><\/a><\/figure><\/div>\n\n\n<p>\u1ea2nh PNG-24 c\u00f3 dung l\u01b0\u1ee3ng t\u1edbi 1,7 MB.<\/p>\n\n\n\n<p>C\u00e1c \u1ea3nh v\u1edbi m\u00e0u s\u1eafc ph\u1ee9c t\u1ea1p c\u00f3 xu h\u01b0\u1edbng tr\u00f4ng \u0111\u1eb9p h\u01a1n khi s\u1eed d\u1ee5ng JPEG, PNG-24 ho\u1eb7c \u0111\u1ecbnh d\u1ea1ng SVG. C\u00e1c m\u00e0u s\u1eafc h\u1ea7u h\u1ebft \u0111\u01b0\u1ee3c gi\u1eef l\u1ea1i v\u00e0 kh\u00f4ng c\u00f3 c\u00e1c d\u1ea3i x\u1ea5u x\u00ed v\u00e0 nhi\u1ec5u (<em>ugly banding and noise<\/em>), do v\u1eady b\u1ea1n s\u1ebd th\u00edch v\u1edbi \u0111\u1ecbnh d\u1ea1ng GIF v\u00e0 PNG-8.<\/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=\"Anh_chup_mau_sac\"><\/span>\u1ea2nh ch\u1ee5p m\u00e0u s\u1eafc<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u1ea2nh g\u1ed1c l\u00e0 \u1ea3nh 215 KB JPEG v\u1edbi \u0111\u1ed9 ph\u00e2n gi\u1ea3i 1280 x 701. B\u00ean d\u01b0\u1edbi b\u1ea1n s\u1ebd th\u1ea5y s\u1ef1 kh\u00e1c nhau trong k\u00edch c\u1ee1 n\u00e9n c\u0169ng nh\u01b0 ch\u1ea5t l\u01b0\u1ee3ng h\u00ecnh. L\u01b0u \u00fd l\u00e0 c\u00e1c \u1ea3nh \u0111\u01b0\u1ee3c l\u01b0u s\u1eed d\u1ee5ng t\u00ednh n\u0103ng &#8220;Save for Web and Devices&#8221; c\u1ee7a Photoshop, v\u1edbi t\u00f9y ch\u1ecdn thi\u1ebft l\u1eadp ch\u1ea5t l\u01b0\u1ee3ng cao nh\u1ea5t.<\/p>\n\n\n\n<p>M\u1ed9t l\u1ea7n n\u1eefa, kh\u00f4ng c\u00f3 l\u1ee3i \u00edch khi c\u1ed1 t\u1ea1o ra \u0111\u1ecbnh d\u1ea1ng SVG \u1edf \u0111\u00e2y.<\/p>\n\n\n\n<p><strong>GIF: 453 KB<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/gif-photo.gif\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/gif-photo.gif\" alt=\"GIF: 453 KB\" class=\"wp-image-5175\"\/><\/a><\/figure><\/div>\n\n\n<p>&#8212;<\/p>\n\n\n\n<p><strong>JPEG 100% (kh\u00f4ng n\u00e9n): 410KB<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/jpeg-photo-100.jpg\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/jpeg-photo-100.jpg\" alt=\"JPEG 100% (kh\u00f4ng n\u00e9n): 410KB\" class=\"wp-image-5176\"\/><\/a><\/figure><\/div>\n\n\n<p>&#8212;<\/p>\n\n\n\n<p><strong>JPEG 75%: 410KB<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/jpeg-photo-75.jpg\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/jpeg-photo-75.jpg\" alt=\"JPEG 75%: 410KB\" class=\"wp-image-5177\"\/><\/a><\/figure><\/div>\n\n\n<p>&#8212;<\/p>\n\n\n\n<p><strong>PNG-8: 395 KB<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/PNG-photo-8.png\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/PNG-photo-8.png\" alt=\"PNG-8: 395 KB\" class=\"wp-image-5178\"\/><\/a><\/figure><\/div>\n\n\n<p>&#8212;<\/p>\n\n\n\n<p><strong>PNG-24: 1,03 MB<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/PNG-photo-24.png\"><img decoding=\"async\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/PNG-photo-24.png\" alt=\"PNG-24: 1,03 MB\" class=\"wp-image-5179\"\/><\/a><\/figure><\/div>\n\n\n<p>V\u1edbi c\u00e1c \u1ea3nh ph\u1ee9c t\u1ea1p, \u1ea3nh ch\u1ee5p c\u1ee7a b\u1ea1n \u0111\u01b0\u1ee3c l\u01b0u t\u1ed1t nh\u1ea5t d\u01b0\u1edbi d\u1ea1ng JPEG, PNG-24 ho\u1eb7c SVG. Trong \u1ea3nh ch\u1ee5p ph\u00eda tr\u00ean, m\u00e0u s\u1eafc v\u1eabn \u0111\u01b0\u1ee3c gi\u1eef l\u1ea1i (<em>remains preserved<\/em>) trong t\u1ea5t c\u1ea3 c\u00e1c \u0111\u1ecbnh d\u1ea1ng ngo\u00e0i d\u1ea3i v\u00e0 \u0111\u1ed9 nhi\u1ec5u l\u1ed9 ra trong ph\u1ea7n b\u00f3ng c\u1ee7a t\u00f3c, da v\u00e0 n\u1ec1n c\u0169ng nh\u01b0 ph\u1ea7n tr\u00ean c\u00f9ng c\u1ee7a b\u1ee9c \u1ea3nh \u0111\u01b0\u1ee3c th\u1ea5y d\u01b0\u1edbi d\u1ea1ng \u0111\u1ea7u ra (<em>outputs<\/em>) GIF v\u00e0 PNG-8.<\/p>\n\n\n\n<p>P\/S: Ph\u1ea7n n\u00e0y kh\u00f4ng c\u00f3 trong b\u00e0i d\u1ecbch. M\u1ed9t \u0111\u1ecbnh d\u1ea1ng \u1ea3nh kh\u00e1c b\u1ea1n n\u00ean t\u00ecm hi\u1ec3u l\u00e0 <a href=\"https:\/\/kiencang.net\/dinh-dang-anh-webp\/\" target=\"_blank\" rel=\"noreferrer noopener\">WebP<\/a>&nbsp;&#8211; m\u1ed9t s\u1ea3n ph\u1ea9m c\u1ee7a Google, n\u00f3 l\u00e0 m\u1ed9t thay th\u1ebf r\u1ea5t t\u1ed1t cho \u1ea3nh PNG v\u00e0 JPG, v\u1edbi ch\u1ea5t l\u01b0\u1ee3ng \u1ea3nh t\u01b0\u01a1ng \u0111\u01b0\u01a1ng nh\u01b0ng dung l\u01b0\u1ee3ng gi\u1ea3m \u0111\u00e1ng k\u1ec3.<\/p>\n\n\n\n<p>N\u1ebfu d\u00f9ng WordPress gi\u1ed1ng nh\u01b0 t\u00f4i, b\u1ea1n c\u00f3 th\u1ec3 th\u00edch th\u00fa v\u1edbi b\u00e0i vi\u1ebft <a href=\"https:\/\/kiencang.net\/plugin-nen-anh-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">so s\u00e1nh 5 plugin n\u00e9n \u1ea3nh<\/a>. Ch\u00fac vui v\u1ebb.<\/p>\n\n\n\n<p><em>(D\u1ecbch t\u1eeb b\u00e0i vi\u1ebft GIF, PNG, JPG or SVG. Which One To Use? &#8211; t\u00e1c gi\u1ea3 Gabrielle Gosha , Jennifer Farley &#8211; trang SitePoint)<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>V\u00e0i l\u1eddi c\u1ee7a ng\u01b0\u1eddi d\u1ecbch: m\u1eb7c d\u00f9 \u1ea3nh l\u00e0 th\u00e0nh ph\u1ea7n quan tr\u1ecdng tr\u00ean website v\u00e0 c\u0169ng r\u1ea5t quen thu\u1ed9c v\u1edbi ch\u00fang ta, nh\u01b0ng hi\u1ec3u bi\u1ebft c\u1ee7a ch\u00fang ta v\u1ec1 n\u00f3 kh\u00f4ng nhi\u1ec1u. B\u00e0i vi\u1ebft n\u00e0y nh\u1eb1m kh\u1eafc ph\u1ee5c ph\u1ea7n n\u00e0o t\u00ecnh tr\u1ea1ng \u0111\u00f3. N\u1ebfu b\u1ea1n c\u1ea3m th\u1ea5y b\u00e0i vi\u1ebft n\u00e0y c\u00f3 ch\u00fat g\u00ec \u0111\u00f3 &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[273,284],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>T\u00ecm hi\u1ec3u \u0111\u1ecbnh d\u1ea1ng \u1ea3nh JPG, PNG, GIF v\u00e0 SVG &#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\/gif-png-jpg-hoac-svg\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"T\u00ecm hi\u1ec3u \u0111\u1ecbnh d\u1ea1ng \u1ea3nh JPG, PNG, GIF v\u00e0 SVG &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"V\u00e0i l\u1eddi c\u1ee7a ng\u01b0\u1eddi d\u1ecbch: m\u1eb7c d\u00f9 \u1ea3nh l\u00e0 th\u00e0nh ph\u1ea7n quan tr\u1ecdng tr\u00ean website v\u00e0 c\u0169ng r\u1ea5t quen thu\u1ed9c v\u1edbi ch\u00fang ta, nh\u01b0ng hi\u1ec3u bi\u1ebft c\u1ee7a ch\u00fang ta v\u1ec1 n\u00f3 kh\u00f4ng nhi\u1ec1u. B\u00e0i vi\u1ebft n\u00e0y nh\u1eb1m kh\u1eafc ph\u1ee5c ph\u1ea7n n\u00e0o t\u00ecnh tr\u1ea1ng \u0111\u00f3. N\u1ebfu b\u1ea1n c\u1ea3m th\u1ea5y b\u00e0i vi\u1ebft n\u00e0y c\u00f3 ch\u00fat g\u00ec \u0111\u00f3 &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/gif-png-jpg-hoac-svg\/\" \/>\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=\"2017-06-22T03:39:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-17T14:03:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/256-color-gif.jpg\" \/>\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=\"15 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"T\u00ecm hi\u1ec3u \u0111\u1ecbnh d\u1ea1ng \u1ea3nh JPG, PNG, GIF v\u00e0 SVG &#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\/gif-png-jpg-hoac-svg\/","og_locale":"vi_VN","og_type":"article","og_title":"T\u00ecm hi\u1ec3u \u0111\u1ecbnh d\u1ea1ng \u1ea3nh JPG, PNG, GIF v\u00e0 SVG &#8226; Ki\u1ebfn c\u00e0ng","og_description":"V\u00e0i l\u1eddi c\u1ee7a ng\u01b0\u1eddi d\u1ecbch: m\u1eb7c d\u00f9 \u1ea3nh l\u00e0 th\u00e0nh ph\u1ea7n quan tr\u1ecdng tr\u00ean website v\u00e0 c\u0169ng r\u1ea5t quen thu\u1ed9c v\u1edbi ch\u00fang ta, nh\u01b0ng hi\u1ec3u bi\u1ebft c\u1ee7a ch\u00fang ta v\u1ec1 n\u00f3 kh\u00f4ng nhi\u1ec1u. B\u00e0i vi\u1ebft n\u00e0y nh\u1eb1m kh\u1eafc ph\u1ee5c ph\u1ea7n n\u00e0o t\u00ecnh tr\u1ea1ng \u0111\u00f3. N\u1ebfu b\u1ea1n c\u1ea3m th\u1ea5y b\u00e0i vi\u1ebft n\u00e0y c\u00f3 ch\u00fat g\u00ec \u0111\u00f3 &hellip;","og_url":"https:\/\/kiencang.net\/gif-png-jpg-hoac-svg\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2017-06-22T03:39:30+00:00","article_modified_time":"2022-08-17T14:03:09+00:00","og_image":[{"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2017\/06\/256-color-gif.jpg"}],"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":"15 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/gif-png-jpg-hoac-svg\/","url":"https:\/\/kiencang.net\/gif-png-jpg-hoac-svg\/","name":"T\u00ecm hi\u1ec3u \u0111\u1ecbnh d\u1ea1ng \u1ea3nh JPG, PNG, GIF v\u00e0 SVG &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2017-06-22T03:39:30+00:00","dateModified":"2022-08-17T14:03:09+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/gif-png-jpg-hoac-svg\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/gif-png-jpg-hoac-svg\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/gif-png-jpg-hoac-svg\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"T\u00ecm hi\u1ec3u \u0111\u1ecbnh d\u1ea1ng \u1ea3nh JPG, PNG, GIF v\u00e0 SVG"}]},{"@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\/5157"}],"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=5157"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/5157\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=5157"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=5157"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=5157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}