{"id":120915,"date":"2025-11-20T09:02:00","date_gmt":"2025-11-20T02:02:00","guid":{"rendered":"https:\/\/tino.vn\/blog\/?p=120915"},"modified":"2026-01-02T17:00:42","modified_gmt":"2026-01-02T10:00:42","slug":"loi-hien-thi-hinh-anh-trong-wordpress","status":"publish","type":"post","link":"https:\/\/tino.vn\/blog\/loi-hien-thi-hinh-anh-trong-wordpress\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn s\u1eeda l\u1ed7i hi\u1ec3n th\u1ecb h\u00ecnh \u1ea3nh trong WordPress [2026]"},"content":{"rendered":"\n

Trong qu\u00e1 tr\u00ecnh v\u1eadn h\u00e0nh website WordPress<\/a>, l\u1ed7i hi\u1ec3n th\u1ecb h\u00ecnh \u1ea3nh l\u00e0 v\u1ea5n \u0111\u1ec1 kh\u00e1 ph\u1ed5 bi\u1ebfn, g\u00e2y \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng v\u00e0 hi\u1ec7u su\u1ea5t SEO<\/a>. D\u00f9 b\u1ea1n l\u00e0 ng\u01b0\u1eddi m\u1edbi hay \u0111\u00e3 c\u00f3 kinh nghi\u1ec7m, vi\u1ec7c kh\u1eafc ph\u1ee5c nh\u1eefng l\u1ed7i n\u00e0y l\u00e0 \u0111i\u1ec1u c\u1ea7n thi\u1ebft \u0111\u1ec3 gi\u1eef cho website ho\u1ea1t \u0111\u1ed9ng m\u01b0\u1ee3t m\u00e0. B\u00e0i vi\u1ebft d\u01b0\u1edbi \u0111\u00e2y s\u1ebd h\u01b0\u1edbng d\u1eabn s\u1eeda m\u1ed9t s\u1ed1 l\u1ed7i hi\u1ec3n th\u1ecb h\u00ecnh \u1ea3nh ph\u1ed5 bi\u1ebfn trong WordPress chi ti\u1ebft v\u00e0 d\u1ec5 th\u1ef1c hi\u1ec7n nh\u1ea5t, gi\u00fap b\u1ea1n nhanh ch\u00f3ng x\u1eed l\u00fd m\u1ecdi v\u1ea5n \u0111\u1ec1 li\u00ean quan \u0111\u1ebfn h\u00ecnh \u1ea3nh.<\/strong><\/p>\n\n\n\n

<\/a>T\u1ed5ng h\u1ee3p 10 l\u1ed7i hi\u1ec3n th\u1ecb h\u00ecnh \u1ea3nh trong WordPress v\u00e0 c\u00e1ch kh\u1eafc ph\u1ee5c<\/h2>\n\n\n\n

<\/a>1. L\u1ed7i kh\u00f4ng t\u1ea3i \u0111\u01b0\u1ee3c h\u00ecnh \u1ea3nh l\u00ean WordPress<\/strong><\/h3>\n\n\n\n

M\u00f4 t\u1ea3: <\/strong>Khi l\u00e0m vi\u1ec7c v\u1edbi website WordPress, b\u1ea1n c\u00f3 th\u1ec3 g\u1eb7p t\u00ecnh tr\u1ea1ng kh\u00f4ng th\u1ec3 t\u1ea3i h\u00ecnh \u1ea3nh l\u00ean. Nguy\u00ean nh\u00e2n th\u01b0\u1eddng g\u1eb7p bao g\u1ed3m: quy\u1ec1n truy c\u1eadp file kh\u00f4ng \u0111\u00fang, t\u00e0i nguy\u00ean m\u00e1y ch\u1ee7 kh\u00f4ng \u0111\u1ee7, xung \u0111\u1ed9t plugin ho\u1eb7c theme v\u00e0 gi\u1edbi h\u1ea1n k\u00edch th\u01b0\u1edbc t\u1ec7p t\u1ea3i l\u00ean.<\/p>\n\n\n

\n
\"L\u1ed7i
L\u1ed7i kh\u00f4ng t\u1ea3i \u0111\u01b0\u1ee3c h\u00ecnh \u1ea3nh l\u00ean WordPress<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n

<\/a>C\u00e1ch kh\u1eafc ph\u1ee5c<\/h4>\n\n\n\n

<\/p>\n\n\n\n

Ki\u1ec3m tra quy\u1ec1n truy c\u1eadp t\u1ec7p (File Permissions):<\/span><\/strong><\/p>\n\n\n\n

Truy c\u1eadp th\u01b0 m\u1ee5c \/wp-content\/uploads\/ <\/strong>b\u1eb1ng FTP ho\u1eb7c File Manager (cPanel) v\u00e0 \u0111\u1ea3m b\u1ea3o quy\u1ec1n th\u01b0 m\u1ee5c l\u00e0 755 v\u00e0 quy\u1ec1n file l\u00e0 644.<\/p>\n\n\n

\n
\"Ki\u1ec3m
Ki\u1ec3m tra quy\u1ec1n truy c\u1eadp t\u1ec7p (File Permissions)<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n

T\u0103ng gi\u1edbi h\u1ea1n PHP:<\/span><\/strong><\/p>\n\n\n\n

C\u1eadp nh\u1eadt c\u00e1c gi\u00e1 tr\u1ecb upload_max_filesize v\u00e0 post_max_size trong file php.ini (v\u00ed d\u1ee5 t\u1eeb 32M l\u00ean 256M ho\u1eb7c 512M).<\/p>\n\n\n\n

D\u00f9ng plugin WordPress h\u1ed7 tr\u1ee3:<\/span><\/strong><\/p>\n\n\n\n

C\u00e1c plugin nh\u01b0 Big File Uploads <\/strong>hay Increase Maximum Upload File Size<\/strong> s\u1ebd gi\u00fap t\u1ef1 \u0111\u1ed9ng \u0111i\u1ec1u ch\u1ec9nh gi\u1edbi h\u1ea1n k\u00edch th\u01b0\u1edbc t\u1ec7p t\u1ea3i l\u00ean.<\/p>\n\n\n\n

<\/a>2. L\u1ed7i h\u00ecnh \u1ea3nh kh\u00f4ng hi\u1ec3n th\u1ecb tr\u00ean website<\/strong><\/h3>\n\n\n\n

M\u00f4 t\u1ea3: <\/strong>B\u1ea1n t\u1ea3i \u1ea3nh l\u00ean th\u00e0nh c\u00f4ng, nh\u01b0ng khi hi\u1ec3n th\u1ecb tr\u00ean website l\u1ea1i tr\u1ed1ng tr\u01a1n.<\/p>\n\n\n

\n
\"L\u1ed7i
L\u1ed7i h\u00ecnh \u1ea3nh kh\u00f4ng hi\u1ec3n th\u1ecb tr\u00ean website<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n

<\/a>C\u00e1ch kh\u1eafc ph\u1ee5c<\/h4>\n\n\n\n

<\/p>\n\n\n\n

Ki\u1ec3m tra \u1ea3nh c\u00f3 t\u1ed3n t\u1ea1i hay kh\u00f4ng:<\/span><\/strong><\/p>\n\n\n\n

Truy c\u1eadp \u0111\u01b0\u1eddng d\u1eabn tr\u1ef1c ti\u1ebfp c\u1ee7a \u1ea3nh. N\u1ebfu URL c\u00f3 d\u1ea1ng example.com\/wp-content\/uploads\/2024\/04\/image-1024×768.jpg, h\u00e3y th\u1eed b\u1ecf ph\u1ea7n k\u00edch th\u01b0\u1edbc -1024×768 v\u00e0 xem \u1ea3nh g\u1ed1c c\u00f3 hi\u1ec3n th\u1ecb kh\u00f4ng. N\u1ebfu \u1ea3nh g\u1ed1c hi\u1ec3n th\u1ecb, h\u00e3y ti\u1ebfn h\u00e0nh t\u1ea1o l\u1ea1i thumbnail.<\/p>\n\n\n\n

Ki\u1ec3m tra URL h\u00ecnh \u1ea3nh:<\/span><\/strong><\/p>\n\n\n\n

\u0110\u1ea3m b\u1ea3o URL c\u1ee7a \u1ea3nh ch\u00ednh x\u00e1c. N\u1ebfu b\u1ea1n v\u1eeba \u0111\u1ed5i t\u00ean mi\u1ec1n ho\u1eb7c th\u01b0 m\u1ee5c, h\u00e3y c\u1eadp nh\u1eadt l\u1ea1i to\u00e0n b\u1ed9 \u0111\u01b0\u1eddng d\u1eabn h\u00ecnh \u1ea3nh. \u0110\u1ed1i v\u1edbi website d\u00f9ng CDN<\/a>, h\u00e3y th\u1eed t\u1ea1m th\u1eddi t\u1eaft CDN ho\u1eb7c ki\u1ec3m tra URL c\u1ee7a CDN c\u00f3 \u0111\u00fang kh\u00f4ng.<\/p>\n\n\n\n

T\u1ea1o l\u1ea1i thumbnail:<\/span><\/strong><\/p>\n\n\n\n

S\u1eed d\u1ee5ng plugin nh\u01b0 reGenerate Thumbnails Advanced <\/strong>\u0111\u1ec3 t\u1ea1o l\u1ea1i k\u00edch th\u01b0\u1edbc \u1ea3nh thu nh\u1ecf. B\u1ea1n ch\u1ec9 c\u1ea7n k\u00edch ho\u1ea1t plugin v\u00e0 ch\u1ea1y l\u1ea1i ti\u1ebfn tr\u00ecnh t\u1ea1o thumbnail trong ph\u1ea7n c\u00e0i \u0111\u1eb7t c\u1ee7a plugin.<\/p>\n\n\n\n

X\u00f3a cache website v\u00e0 tr\u00ecnh duy\u1ec7t:<\/span><\/strong><\/p>\n\n\n\n

D\u00f9ng plugin cache nh\u01b0 WP Rocket \u0111\u1ec3 x\u00f3a b\u1ed9 nh\u1edb \u0111\u1ec7m website v\u00e0 \u0111\u1eebng qu\u00ean x\u00f3a cache tr\u00ecnh duy\u1ec7t. N\u1ebfu d\u00f9ng CDN ho\u1eb7c cache t\u1eeb m\u00e1y ch\u1ee7, h\u00e3y x\u00f3a lu\u00f4n cache t\u1eeb nh\u1eefng ngu\u1ed3n n\u00e0y.<\/p>\n\n\n\n

<\/a>3. L\u1ed7i h\u00ecnh \u1ea3nh t\u1ea3i ch\u1eadm<\/strong><\/h3>\n\n\n\n

M\u00f4 t\u1ea3:<\/strong> H\u00ecnh \u1ea3nh t\u1ea3i ch\u1eadm khi\u1ebfn ng\u01b0\u1eddi d\u00f9ng kh\u00f3 ch\u1ecbu, t\u0103ng t\u1ef7 l\u1ec7 tho\u00e1t trang v\u00e0 \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn SEO.<\/p>\n\n\n

\n
\"L\u1ed7i
L\u1ed7i h\u00ecnh \u1ea3nh t\u1ea3i ch\u1eadm<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n

<\/a>C\u00e1ch kh\u1eafc ph\u1ee5c<\/h4>\n\n\n\n

<\/p>\n\n\n\n

T\u1ed1i \u01b0u h\u00f3a h\u00ecnh \u1ea3nh:<\/span><\/strong><\/p>\n\n\n\n

D\u00f9ng plugin nh\u01b0 ShortPixel Image Optimizer<\/strong> \u0111\u1ec3 n\u00e9n \u1ea3nh m\u00e0 kh\u00f4ng gi\u1ea3m ch\u1ea5t l\u01b0\u1ee3ng.<\/p>\n\n\n\n

S\u1eed d\u1ee5ng CDN:<\/span><\/strong><\/p>\n\n\n\n

C\u00e1c d\u1ecbch v\u1ee5 CDN nh\u01b0 ShortPixel Adaptive Images<\/strong> s\u1ebd gi\u00fap ph\u00e2n ph\u1ed1i h\u00ecnh \u1ea3nh t\u1eeb m\u00e1y ch\u1ee7 g\u1ea7n ng\u01b0\u1eddi d\u00f9ng nh\u1ea5t, gi\u1ea3m th\u1eddi gian t\u1ea3i v\u00e0 h\u1ed7 tr\u1ee3 \u0111\u1ecbnh d\u1ea1ng hi\u1ec7n \u0111\u1ea1i nh\u01b0 WebP v\u00e0 AVIF.<\/p>\n\n\n\n

Chuy\u1ec3n sang \u0111\u1ecbnh d\u1ea1ng \u1ea3nh m\u1edbi (Next-gen formats):<\/strong><\/p>\n\n\n\n

C\u00e1c \u0111\u1ecbnh d\u1ea1ng WebP v\u00e0 AVIF gi\u00fap \u1ea3nh nh\u1eb9 h\u01a1n m\u00e0 v\u1eabn gi\u1eef \u0111\u01b0\u1ee3c \u0111\u1ed9 n\u00e9t. Plugin nh\u01b0 ShortPixel h\u1ed7 tr\u1ee3 t\u1ef1 \u0111\u1ed9ng chuy\u1ec3n \u0111\u1ed5i \u0111\u1ecbnh d\u1ea1ng n\u00e0y.<\/p>\n\n\n\n

B\u1eadt t\u00ednh n\u0103ng Lazy Loading:<\/span><\/strong><\/p>\n\n\n\n

Lazy Loading gi\u00fap tr\u00ec ho\u00e3n t\u1ea3i nh\u1eefng h\u00ecnh \u1ea3nh ngo\u00e0i m\u00e0n h\u00ecnh cho \u0111\u1ebfn khi ng\u01b0\u1eddi d\u00f9ng cu\u1ed9n t\u1edbi. \u0110i\u1ec1u n\u00e0y l\u00e0m gi\u1ea3m th\u1eddi gian t\u1ea3i trang ban \u0111\u1ea7u v\u00e0 t\u0103ng t\u1ed1c \u0111\u1ed9 hi\u1ec3n th\u1ecb.<\/p>\n\n\n

\n
\"B\u1eadt
B\u1eadt t\u00ednh n\u0103ng Lazy Loading<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n

<\/a>4. L\u1ed7i h\u00ecnh \u1ea3nh b\u1ecb tr\u00f9ng l\u1eb7p trong th\u01b0 vi\u1ec7n Media<\/strong><\/h3>\n\n\n\n

M\u00f4 t\u1ea3: <\/strong>Th\u01b0 vi\u1ec7n b\u1ecb \u0111\u1ea7y h\u00ecnh \u1ea3nh tr\u00f9ng l\u1eb7p l\u00e0m kh\u00f3 qu\u1ea3n l\u00fd v\u00e0 chi\u1ebfm dung l\u01b0\u1ee3ng l\u01b0u tr\u1eef kh\u00f4ng c\u1ea7n thi\u1ebft.<\/p>\n\n\n

\n
\"L\u1ed7i
L\u1ed7i \u1ea3nh \u0111\u1ea1i di\u1ec7n (Featured Image) kh\u00f4ng hi\u1ec3n th\u1ecb<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n

<\/a>C\u00e1ch kh\u1eafc ph\u1ee5c<\/h4>\n\n\n\n

<\/p>\n\n\n\n

Tr\u00e1nh t\u1ea3i l\u1ea1i h\u00ecnh \u1ea3nh:<\/span><\/strong><\/p>\n\n\n\n

Kh\u00f4ng t\u1ea3i c\u00f9ng m\u1ed9t h\u00ecnh \u1ea3nh nhi\u1ec1u l\u1ea7n. H\u00e3y t\u00ecm ki\u1ebfm v\u00e0 ch\u00e8n l\u1ea1i \u1ea3nh \u0111\u00e3 c\u00f3 s\u1eb5n trong th\u01b0 vi\u1ec7n b\u1eb1ng n\u00fat “Th\u00eam Media<\/strong>“.<\/p>\n\n\n\n

D\u00f9ng plugin d\u1ecdn d\u1eb9p th\u01b0 vi\u1ec7n:<\/span><\/strong><\/p>\n\n\n\n

Plugin nh\u01b0 Media Cleaner<\/strong> s\u1ebd qu\u00e9t v\u00e0 t\u00ecm ra \u1ea3nh tr\u00f9ng l\u1eb7p, gi\u00fap x\u00f3a nhanh ch\u00f3ng, gi\u1ea3i ph\u00f3ng dung l\u01b0\u1ee3ng v\u00e0 gi\u1eef th\u01b0 vi\u1ec7n g\u1ecdn g\u00e0ng. B\u1ea1n c\u00f3 th\u1ec3 l\u00ean l\u1ecbch qu\u00e9t \u0111\u1ecbnh k\u1ef3 \u0111\u1ec3 t\u1ed1i \u01b0u h\u00f3a th\u01b0 vi\u1ec7n l\u00e2u d\u00e0i.<\/p>\n\n\n\n

<\/a>5. L\u1ed7i \u1ea3nh \u0111\u1ea1i di\u1ec7n (Featured Image) kh\u00f4ng hi\u1ec3n th\u1ecb<\/strong><\/h3>\n\n\n\n

M\u00f4 t\u1ea3:<\/strong> \u1ea2nh \u0111\u1ea1i di\u1ec7n kh\u00f4ng hi\u1ec3n th\u1ecb trong b\u00e0i vi\u1ebft ho\u1eb7c trang c\u00f3 th\u1ec3 do l\u1ed7i theme, xung \u0111\u1ed9t plugin ho\u1eb7c l\u1ed7i th\u01b0 vi\u1ec7n Media.<\/p>\n\n\n

\n
\"L\u1ed7i
L\u1ed7i \u1ea3nh \u0111\u1ea1i di\u1ec7n (Featured Image) kh\u00f4ng hi\u1ec3n th\u1ecb<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n

<\/a>C\u00e1ch kh\u1eafc ph\u1ee5c<\/h4>\n\n\n\n

<\/p>\n\n\n\n

\u0110\u1eb7t \u1ea3nh \u0111\u1ea1i di\u1ec7n \u0111\u00fang c\u00e1ch:<\/span><\/strong><\/p>\n\n\n\n

S\u1eed d\u1ee5ng tr\u00ecnh ch\u1ec9nh s\u1eeda Block Editor v\u00e0 ch\u1ecdn \u1ea3nh \u0111\u1ea1i di\u1ec7n trong thanh b\u00ean ph\u1ea3i c\u1ee7a trang ch\u1ec9nh s\u1eeda b\u00e0i vi\u1ebft.<\/p>\n\n\n\n

Ki\u1ec3m tra file theme:<\/span><\/strong><\/p>\n\n\n\n

\u0110\u1ea3m b\u1ea3o file template c\u1ee7a theme (v\u00ed d\u1ee5: single.php, archive.php) c\u00f3 h\u00e0m the_post_thumbnail(). N\u1ebfu kh\u00f4ng ch\u1eafc ch\u1eafn, b\u1ea1n n\u00ean li\u00ean h\u1ec7 nh\u00e0 ph\u00e1t tri\u1ec3n theme \u0111\u1ec3 h\u1ed7 tr\u1ee3.<\/p>\n\n\n\n

Ki\u1ec3m tra xung \u0111\u1ed9t plugin:<\/span><\/strong><\/p>\n\n\n\n

V\u00f4 hi\u1ec7u h\u00f3a to\u00e0n b\u1ed9 plugin r\u1ed3i k\u00edch ho\u1ea1t t\u1eebng c\u00e1i m\u1ed9t \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh plugin n\u00e0o g\u00e2y ra l\u1ed7i.<\/p>\n\n\n\n

<\/a>6. Ch\u1ea5t l\u01b0\u1ee3ng h\u00ecnh \u1ea3nh k\u00e9m<\/strong><\/h3>\n\n\n\n

M\u00f4 t\u1ea3:<\/strong> H\u00ecnh \u1ea3nh c\u00f3 th\u1ec3 xu\u1ea5t hi\u1ec7n m\u1edd ho\u1eb7c v\u1ee1 n\u00e9t sau khi t\u1ea3i l\u00ean, l\u00e0m gi\u1ea3m t\u00ednh th\u1ea9m m\u1ef9 v\u00e0 s\u1ef1 chuy\u00ean nghi\u1ec7p c\u1ee7a trang web.<\/p>\n\n\n

\n
\"Ch\u1ea5t
Ch\u1ea5t l\u01b0\u1ee3ng h\u00ecnh \u1ea3nh k\u00e9m<\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n

<\/a>C\u00e1ch kh\u1eafc ph\u1ee5c<\/h4>\n\n\n\n

<\/p>\n\n\n\n