{"id":1815,"date":"2021-02-20T18:28:49","date_gmt":"2021-02-20T09:28:49","guid":{"rendered":"https:\/\/adrianroche.vn\/vi\/?p=1815"},"modified":"2021-02-20T18:28:49","modified_gmt":"2021-02-20T09:28:49","slug":"cach-thuc-toi-uu-hoa-hinh-anh-tren-website","status":"publish","type":"post","link":"https:\/\/adrianroche-tech.com\/vi\/cach-thuc-toi-uu-hoa-hinh-anh-tren-website\/","title":{"rendered":"C\u00e1ch th\u1ee9c t\u1ed1i \u01b0u h\u00f3a h\u00ecnh \u1ea3nh tr\u00ean website"},"content":{"rendered":"

\u0110\u0103ng t\u1ea3i h\u00ecnh \u1ea3nh l\u00ean website l\u00e0 m\u1ed9t qu\u00e1 tr\u00ecnh \u0111\u01a1n gi\u1ea3n, nh\u01b0ng \u0111\u01a1n gi\u1ea3n qu\u00e1 \u0111\u00f4i l\u00fac khi\u1ebfn ch\u00fang ta qu\u00ean \u0111i t\u1ea7m quan tr\u1ecdng c\u1ee7a vi\u1ec7c t\u1ed1i \u01b0u h\u00f3a h\u00ecnh \u1ea3nh. T\u1ed1i \u01b0u h\u00f3a h\u00ecnh \u1ea3nh kh\u00f4ng ch\u1ec9 \u0111\u01a1n thu\u1ea7n l\u00e0 l\u00e0m cho h\u00ecnh \u1ea3nh tr\u1edf n\u00ean \u0111\u1eb9p h\u01a1n m\u00e0 n\u00f3 c\u00f2n c\u00f3 t\u00e1c d\u1ee5ng c\u1ea3i thi\u1ec7n l\u01b0\u1ee3t truy c\u1eadp v\u00e0o website b\u1ea1n t\u1eeb c\u00e1c c\u00f4ng c\u1ee5 t\u00ecm ki\u1ebfm. B\u00e0i vi\u1ebft n\u00e0y s\u1ebd ch\u1ec9 ra 05 tip \u0111\u01a1n gi\u1ea3n c\u00f3 th\u1ec3 h\u1ed7 tr\u1ee3 b\u1ea1n t\u1ed1i \u01b0u h\u00f3a h\u00ecnh \u1ea3nh d\u1ec5 d\u00e0ng nh\u1ea5t.<\/p>\n

 <\/p>\n

1. Ch\u1ecdn \u0111\u00fang lo\u1ea1i file<\/strong><\/p>\n

M\u1ed7i file h\u00ecnh c\u00f3 m\u1ed9t ph\u1ea7n \u0111u\u00f4i th\u1ec3 hi\u1ec7n \u0111\u1ecbnh d\u1ea1ng c\u1ee7a h\u00ecnh. Nh\u1eefng \u0111u\u00f4i file \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng th\u00f4ng d\u1ee5ng nh\u1ea5t l\u00e0 .png, .jpeg, .gif. C\u00f3 th\u1ec3 b\u1ea1n ch\u01b0a bi\u1ebft l\u00e0 m\u1ed7i \u0111\u1ecbnh d\u1ea1ng kh\u00e1c nhau s\u1ebd x\u00e1c \u0111\u1ecbnh c\u00e1ch m\u1ed9t h\u00ecnh \u1ea3nh hi\u1ec3n th\u1ecb kh\u00e1c nhau. Nh\u1eefng chuy\u00ean gia thi\u1ebft k\u1ebf web s\u1ebd quy\u1ebft \u0111\u1ecbnh l\u1ef1a ch\u1ecdn lo\u1ea1i file h\u00ecnh d\u1ef1a tr\u00ean c\u00e2n nh\u1eafc c\u00e1c y\u1ebfu t\u1ed1 v\u1ec1 m\u00e0u s\u1eafc, k\u00edch th\u01b0\u1edbc, m\u1eadt \u0111\u1ed9 th\u00f4ng tin\u2026 Tuy nhi\u00ean, b\u1ea1n ch\u1ec9 c\u1ea7n m\u1ed9t v\u00e0i hi\u1ec3u bi\u1ebft c\u0103n b\u1ea3n v\u1ec1 lo\u1ea1i file m\u00e0 kh\u00f4ng c\u1ea7n ph\u1ea3i l\u00e0 m\u1ed9t chuy\u00ean gia thi\u1ebft k\u1ebf web m\u1edbi c\u00f3 th\u1ec3 t\u1ed1i \u01b0u h\u00ecnh \u1ea3nh.<\/p>\n

 <\/p>\n

2. X\u00e1c \u0111\u1ecbnh ch\u1ea5t l\u01b0\u1ee3ng h\u00ecnh \u1ea3nh<\/strong><\/p>\n

H\u1ea7u h\u1ebft nh\u1eefng bi\u00ean t\u1eadp vi\u00ean h\u00ecnh \u1ea3nh ng\u00e0y nay cho ph\u00e9p b\u1ea1n t\u1ea3i h\u00ecnh \u1ea3nh v\u1edbi nhi\u1ec1u m\u1ee9c \u0111\u1ed9 v\u1ec1 ch\u1ea5t l\u01b0\u1ee3ng (b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng c\u00f4ng c\u1ee5 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed nh\u01b0 Pixlr n\u1ebfu b\u1ea1n c\u1ea7n nhi\u1ec1u s\u1ef1 l\u1ef1a ch\u1ecdn h\u01a1n). Tr\u00e1i v\u1edbi nh\u1eefng g\u00ec m\u1ecdi ng\u01b0\u1eddi th\u01b0\u1eddng ngh\u0129 l\u00e0 ch\u1ec9 c\u1ea7n \u0111\u0103ng t\u1ea3i nh\u1eefng b\u1ee9c h\u00ecnh c\u00f3 ch\u1ea5t l\u01b0\u1ee3ng cao nh\u1ea5t. M\u1ed9t v\u00e0i tr\u01b0\u1eddng h\u1ee3p n\u00ean l\u01b0u h\u00ecnh \u1edf ch\u1ea5t l\u01b0\u1ee3ng trung b\u00ecnh \u0111\u1ec3 gi\u1ea3m k\u00edch th\u01b0\u1edbc file v\u00e0 t\u0103ng t\u1ed1c \u0111\u1ed9 t\u1ea3i trang. V\u00ed d\u1ee5 nh\u01b0 file .jpeg ch\u1ea5t l\u01b0\u1ee3ng cao l\u00e0 266kb, trung b\u00ecnh l\u00e0 78kb, th\u1ea5p l\u00e0 53 kb.<\/p>\n

 <\/p>\n

3. L\u01b0u t\u00ean file \u0111\u00fang c\u00e1ch<\/strong><\/p>\n

Th\u1eed d\u1ea1o m\u1ed9t v\u00f2ng qua c\u00e1c folder h\u00ecnh \u1ea3nh trong m\u00e1y t\u00ednh b\u1ea1n xem c\u00f3 bao nhi\u00eau file \u1ea3nh \u0111\u01b0\u1ee3c \u0111\u1eb7t nh\u1eefng t\u00ean v\u00f4 ngh\u0129a nh\u01b0 \u201cuntitled\u201d, \u201cimage1\u201d,\u201d1111\u201d,\u201d123456\u201d\u2026 L\u01b0u tr\u1eef t\u1ea1i m\u00e1y th\u00ec kh\u00f4ng sao nh\u01b0ng n\u1ebfu b\u1ea1n \u0111\u0103ng t\u1ea3i nh\u1eefng h\u00ecnh \u1ea3nh n\u00e0y l\u00ean web th\u00ec kh\u00f4ng \u1ed5n. Kh\u00f4ng ch\u1ec9 l\u00e0 gi\u00fap b\u1ea1n qu\u1ea3n l\u00fd \u1ea3nh tr\u00ean m\u00e1y d\u1ec5 d\u00e0ng, t\u00ean file \u1ea3nh \u0111\u01b0\u1ee3c d\u00f9ng \u0111\u1ec3 ph\u00e2n lo\u1ea1i h\u00ecnh \u1ea3nh c\u1ee7a b\u1ea1n trong nh\u1eefng k\u1ebft qu\u1ea3 tr\u00ean c\u00e1c thanh c\u00f4ng c\u1ee5 t\u00ecm ki\u1ebfm. B\u1edfi v\u00ec c\u00e1c c\u00f4ng c\u1ee5 t\u00ecm ki\u1ebfm l\u1ea5y t\u00ean c\u1ee7a file \u1ea3nh cho m\u1ee5c \u0111\u00edch SEO n\u00ean b\u1ea1n c\u1ea7n \u0111\u1ea3m b\u1ea3o r\u1eb1ng h\u00ecnh \u1ea3nh c\u1ee7a b\u1ea1n \u0111\u00e3 \u0111\u01b0\u1ee3c \u0111\u1eb7t t\u00ean ch\u00ednh x\u00e1c. L\u01b0u \u00fd l\u00e0 kh\u00f4ng n\u00ean s\u1eed d\u1ee5ng qu\u00e1 nhi\u1ec1u k\u00fd t\u1ef1 v\u00e0 s\u1eed d\u1ee5ng d\u1ea5u c\u00e2u trong t\u00ean h\u00ecnh.<\/p>\n

 <\/p>\n

4. S\u1eed d\u1ee5ng ti\u00eau \u0111\u1ec1 v\u00e0 m\u00f4 t\u1ea3<\/strong><\/p>\n

Khi b\u1ea1n \u0111\u0103ng t\u1ea3i h\u00ecnh \u1ea3nh l\u00ean website, b\u1ea1n c\u00f3 th\u1ec3 ghi ti\u00eau \u0111\u1ec1 cho h\u00ecnh v\u00e0 th\u00eam m\u1ed9t v\u00e0i d\u00f2ng m\u00f4 t\u1ea3 c\u1ee5 th\u1ec3 v\u1ec1 h\u00ecnh \u1ea3nh \u0111\u00f3. \u0110o\u1ea1n v\u0103n b\u1ea3n n\u00e0y g\u1ecdi l\u00e0 \u201cmeta information\u201d, c\u00f4ng c\u1ee5 t\u00ecm ki\u1ebfm s\u1ebd d\u1ef1a v\u00e0o \u0111\u00f3 \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh h\u00ecnh \u1ea3nh c\u1ee7a b\u1ea1n. H\u01a1n th\u1ebf n\u1eefa, ch\u00fang s\u1ebd hi\u1ec3u v\u1ec1 trang c\u1ee7a b\u1ea1n nhi\u1ec1u h\u01a1n v\u00e0 t\u00e1c \u0111\u1ed9ng l\u00ean th\u1ee9 h\u1ea1ng SEO c\u1ee7a website. \u0110\u00f3 l\u00e0 l\u00fd do t\u1ea1i sao ch\u00fang ta n\u00ean s\u1eed d\u1ee5ng ti\u00eau \u0111\u1ec1 v\u00e0 m\u00f4 t\u1ea3 r\u00f5 r\u00e0ng cho h\u00ecnh \u1ea3nh. \u0110o\u1ea1n m\u00f4 t\u1ea3 hi\u1ec7u qu\u1ea3 nh\u1ea5t l\u00e0 \u0111o\u1ea1n m\u00f4 t\u1ea3 c\u00e2n b\u1eb1ng \u0111\u01b0\u1ee3c 02 y\u1ebfu t\u1ed1: t\u1eeb kh\u00f3a c\u1ee7a website v\u00e0 n\u1ed9i dung m\u00f4 t\u1ea3 th\u1eadt s\u1ef1 v\u1ec1 h\u00ecnh \u1ea3nh.<\/p>\n

 <\/p>\n

5. Suy ngh\u0129 th\u00eam v\u1ec1 k\u00edch th\u01b0\u1edbc<\/strong><\/p>\n

C\u00e2n nh\u1eafc v\u1ec1 k\u00edch th\u01b0\u1edbc h\u00ecnh \u1ea3nh s\u1ebd chi\u1ebfm \u1edf tr\u00ean web c\u0169ng quan tr\u1ecdng kh\u00f4ng k\u00e9m ch\u1ea5t l\u01b0\u1ee3ng h\u00ecnh \u1ea3nh \u0111\u00f3. Chi\u1ec1u cao v\u00e0 chi\u1ec1u r\u1ed9ng h\u00ecnh ch\u1ee7 y\u1ebfu ph\u1ee5 thu\u1ed9c v\u00e0o b\u1ed1 c\u1ee5c trang m\u00e0 b\u1ea1n l\u1ef1a ch\u1ecdn v\u00e0 giao di\u1ec7n tr\u00ean di \u0111\u1ed9ng n\u1ebfu c\u00f3. Ch\u1ecdn \u0111\u00fang k\u00edch th\u01b0\u1edbc cho h\u00ecnh \u1ea3nh kh\u00f4ng ch\u1ec9 l\u00e0m giao di\u1ec7n tr\u1edf n\u00ean chuy\u00ean nghi\u1ec7p, g\u1eafn k\u1ebft m\u00e0 c\u00f2n khi\u1ebfn trang web h\u1ecdat \u0111\u1ed9ng hi\u1ec7u qu\u1ea3 h\u01a1n.<\/p>\n","protected":false},"excerpt":{"rendered":"

\u0110\u0103ng t\u1ea3i h\u00ecnh \u1ea3nh l\u00ean website l\u00e0 m\u1ed9t qu\u00e1 tr\u00ecnh \u0111\u01a1n gi\u1ea3n, nh\u01b0ng \u0111\u01a1n gi\u1ea3n qu\u00e1 \u0111\u00f4i l\u00fac khi\u1ebfn ch\u00fang ta qu\u00ean \u0111i t\u1ea7m quan tr\u1ecdng c\u1ee7a vi\u1ec7c t\u1ed1i \u01b0u h\u00f3a h\u00ecnh \u1ea3nh. T\u1ed1i \u01b0u h\u00f3a h\u00ecnh \u1ea3nh kh\u00f4ng ch\u1ec9 \u0111\u01a1n thu\u1ea7n l\u00e0 l\u00e0m cho h\u00ecnh \u1ea3nh tr\u1edf n\u00ean \u0111\u1eb9p h\u01a1n m\u00e0 n\u00f3 c\u00f2n c\u00f3 t\u00e1c d\u1ee5ng c\u1ea3i thi\u1ec7n l\u01b0\u1ee3t<\/p>\n

<\/div>\n

Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":1816,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-1815","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/adrianroche-tech.com\/vi\/wp-json\/wp\/v2\/posts\/1815","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adrianroche-tech.com\/vi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/adrianroche-tech.com\/vi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/adrianroche-tech.com\/vi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adrianroche-tech.com\/vi\/wp-json\/wp\/v2\/comments?post=1815"}],"version-history":[{"count":1,"href":"https:\/\/adrianroche-tech.com\/vi\/wp-json\/wp\/v2\/posts\/1815\/revisions"}],"predecessor-version":[{"id":1817,"href":"https:\/\/adrianroche-tech.com\/vi\/wp-json\/wp\/v2\/posts\/1815\/revisions\/1817"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/adrianroche-tech.com\/vi\/wp-json\/wp\/v2\/media\/1816"}],"wp:attachment":[{"href":"https:\/\/adrianroche-tech.com\/vi\/wp-json\/wp\/v2\/media?parent=1815"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/adrianroche-tech.com\/vi\/wp-json\/wp\/v2\/categories?post=1815"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/adrianroche-tech.com\/vi\/wp-json\/wp\/v2\/tags?post=1815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}