Tối ưu hình ảnh là việc bắt buộc khi đưa hình lên website, nhưng giai đoạn này thường bị bỏ quên hoặc làm chưa đúng. Để giúp bạn có được một hình ảnh chuẩn trên website, Sikido.vn sẽ đưa ra một số cách tối ưu sau.
Thông thường, mỗi bài viết khoảng 1000 từ nên có tối thiểu 3 hình trở lên để người dùng không nhàm chán khi đọc. Tuỳ vào nội dung của bài mà hình sẽ nhiều hay ít. Ví dụ một bài hướng dẫn sử dụng thường sẽ có nhiều hình hơn một bài blog thông thường.
Tuy nhiên, bạn không nên lạm dụng chèn quá nhiều hình cho một bài viết sẽ làm chậm tốc độ tải trang của website, đôi khi nó còn tạo cảm giác bài viết không mang được nhiều giá trị cho người đọc. Trong những trường hợp bắc buộc phải sử dụng nhiều ảnh như bài hướng dẫn sử dụng bạn cần tối ưu kích thước và dung lượng ảnh tốt nhất để cải thiện tốc độ tải trang. Để biết cách tối ưu những yếu tố này, bạn xem tiếp ở phần 3 nhé!
Đặt tên ảnh không dấu và phải có gạch nối giữa các từ. Ví dụ: cách tối ưu hình ảnh.jpg nên đặt thành cach-toi-uu-hinh-anh.jpg
Hình ảnh phải chứa từ khóa: Ví dụ: từ khóa bài viết là giày thể thao cho nữ bạn không nên đặt tùy ý như jdabd00023.jpg mà nên đặt thành giay-the-thao-cho-nu.jpg
Tên hình ảnh không nên chứa các ký tự lạ và các ký tự đặt biệt như #, $, /, *, ?
Ví dụ: So sánh 2 cách đặt tên từ 2 website cho thuê xe du lịch sau có thể thấy được với cách đặt tên ở website số 2 phù hợp với quy tắc đặt tên. Google không thể nào đọc được hình ảnh nên nhờ vào cách đặt tên Google sẽ hiểu được hình ảnh này đang cho biết điều gì. Do đó đặt tên theo từ khóa, tên ảnh có nghĩa là cách giúp Google nhanh chóng nhận biết website bạn hơn.
Ví dụ: Nếu hình ảnh ở bài viết bên dưới được tối ưu tốt hơn sẽ cải thiện được tốc độ dự tính đến 11.55s
Sử dụng hình ảnh không đúng cách là một trong những nguyên nhân khiến website tải chậm
Việc giảm kích thước hình sẽ giúp bạn giảm dung lượng hình, đồng thời sẽ có một số cách giúp bạn giảm được dung lượng nhưng vẫn giữ nguyên kích thước như mong muốn.
Với hình sản phẩm, hình dự án, cần có kích thước lớn một chút là 800px đến 1000px. Khi up lên website, bạn có thể điều chỉnh hình hiện ra có kích thước nhỏ, và khi người xem nhấn vào xem chi tiết, sẽ thấy được hình lớn. Ảnh đại diện bài viết website là 1200x630px để chia sẻ ảnh lên facebook.
Về dung lượng, để đảm bảo tốc độ tải trang tốt thì dung lượng ảnh không nên vượt quá 100KB. Bởi nếu một bài viết có một hình nặng 200KB là hoàn toàn ổn, nhưng một bài viết có 10 hình, mỗi hình là 200KB, điều đó thật sự không ổn tí nào.
Vì vậy, tối ưu kích thước và dung lượng hình ảnh theo các tiêu chuẩn trên là điều cần thiết phải làm trước khi up ảnh lên website.
Ở đây chúng ta có 1 bức hình lấy từ website ảnh miễn phí là pexel.com. Hình này khá lớn với dung lượng là 13.1MB và kích thước là 5472×3317. Tôi sẽ hướng dẫn bạn thay đổi kích thước hình ảnh bằng Paint.
Chú ý kích thước để tối ưu hình ảnh để up lên website
B1: Bạn mở hình với Paint.
B2: Bạn chọn Resize.
Sử dụng paint tối ưu hình ảnh để up lên website
B3: Paint cho 2 lựa chọn chỉnh kích thước, theo phần trăm, hoặc theo pixel. Ở đây tôi sẽ chọn Pixel.
Bạn nhớ nhấn vào ô “Maintain aspect radio”, để khi bạn điều chỉnh chiều ngang thì chiều dài cũng sẽ được điều chỉnh theo, khiến hình không bị méo.
Như vậy với hình bên trên, tôi sẽ nhập Horizontal – chiều ngang là 500 pixel:
Sử dụng Paint để tối ưu hình ảnh để up lên website
B4: Nhấn OK rồi bấm Save.
Lưu Sử dụng Paint để tối ưu hình ảnh để up lên website
Sau khi chỉnh kích thước, hình dung lượng của hình sẽ giảm xuống
Thêm Media Up hình lên website
B2: Tải tập tin đó lên
B3: Trước khi chèn hình đó vào bài viết, bạn chọn
Liên kết tới: tập tin đa phương tiện
Kích cỡ: trung bình
Chèn hình ảnh đã tối ưu đưa lên website
B4: Nhấn “Chèn vào bài viết”.
Với cách này, hình hiển thị trong bài là hình đã được điều chỉnh về kích thước lẫn dung lượng. WordPress sẽ tự động tạo một hình khác so với hình ban đầu, có kích thước là 1024×682. Khi nhấn vào hình nhỏ này, người xem sẽ được chuyển hướng đến hình lớn, chính là hình bạn up lên.
Tôi có lưu về hình được WordPress điều chỉnh, bạn có thể thấy dung lượng của nó chỉ còn 82 KB.
Kiểm tra chèn hình ảnh đã tối ưu đưa lên website
Nếu bạn muốn tuỳ chỉnh kích thước bất kỳ cho hình ảnh, mà không phụ thuộc kích thước định sẵn của WordPress. Bạn có thể làm theo như sau:
B1: Bạn vẫn thực hiện chèn hình ảnh vào WordPress đến bước 4 như hướng dẫn bên trên.
B2: Nhấn vào biểu tượng bút chì để chỉnh sửa hình.
Nhấn vào biểu tượng bút chì để chỉnh sửa hình.
B3: Chọn tuỳ chỉnh kích thước
Chọn tuỳ chỉnh kích thước
B4: Nhập kích thước mong muốn và bấm Cập Nhật
Nhập kích thước hình ảnh mong muốn và bấm Cập Nhật
Như vậy chỉ với những công cụ có sẵn, bạn đã có thể tối ưu kích thước hình ảnh dễ dàng để đảm bảo hình ảnh khi up lên website có dung lượng nhẹ nhằm tăng tốc độ tải trang.
Hiện nay, có rất nhiều công cụ, phần mềm hỗ trợ nén ảnh trực tuyến bất kỳ ai cũng có thể dễ dàng sử dụng. Dưới đây là một số website hỗ trợ nén ảnh được đánh giá khá tốt dành cho những người không chuyên bạn có thể tham khảo qua:
https://imagecompressor.com
https://compressjpeg.com
https://www.websiteplanet.com/
Ví dụ: Kích thước ban đầu của ảnh là 649 x 409 với dung lượng ảnh là 192KB. Với kích thước này bạn có thể sử dụng để up lên website, tuy nhiên dung lượng ảnh này lại quá cao so với tiêu chuẩn. Do đó cần giảm dung lượng ảnh dưới 100KB.
Ảnh cần giảm dung lượng nhưng vẫn giữ nguyên kích thước
Để thực hiện, bạn truy cập vào một trong ba website ở trên (ba website này có cách sử dụng tương tự nhau). Sau đó tải ảnh cần giảm dung lượng lên.
Kết quả ảnh sau khi giảm dung lượng không qua khác biệt so với ban đầu
Nén xong, bạn có thể tải ảnh về sử dụng hoặc kiểm tra lại kỹ hơn trong file lưu trữ. Kết quả cho thấy ảnh được nén vẫn giữ nguyên size 649 x 409 nhưng dung lượng đã giảm còn 75KB.
Dung lượng ảnh đã giảm xuống còn 75KB
Với cách thực hiện này giúp hình ảnh đăng tải trên website vẫn đảm bảo đủ kích thước để nhìn rõ thông tin mà dung lượng lại được tối ưu tốt nhất, không gây ảnh hưởng đến tốc độ tải trang.
Do đó nếu bài viết của bạn không cần hình ảnh chất lượng quá tốt ví dụ như các bài tin tức, bạn nên dùng JPG.
Ngược lại nếu đó là trang bán sản phẩm, cần hình ảnh chất lượng, rõ ràng để khách hàng dễ tham khảo, bạn dùng ảnh định dạng PNG.
Vì sao nên lựa chọn thiết kế web tại SIKIDO?
✔️Tư vấn MIỄN PHÍ tất tần tật mọi nhu cầu website một cách chân thành.
✔️Xây dựng chiến lược thực hiện CHUYÊN NGHIỆP website từ A-Z.
✔️Thực hiện thiết kế website hơn 30 NGÀNH NGHỀ khác nhau: y tế, giáo dục, vận tải, bất động sản, mỹ phẩm, thời trang, thực phẩm, tài chính, tiền tệ, du lịch, dệt may…..
✔️Đội ngũ Account, thiết kế, coding, chăm sóc khách hàng giàu chuyên môn chăm sóc mỗi khách hàng TẬN TÂM nhất.
✔️Đã thiết kế thành công ĐA DẠNG các thể loại website khác nhau: web bán hàng, web giới thiệu, web tin tức, web tuyển dụng, web sự kiện…
✔️Đảm bảo website vận hành nhanh chóng, ổn định, hiệu quả và chuẩn SEO.
✔️Bàn giao source code 100% cho khách hàng.
✔️Thông tin Admin và hướng dẫn sử dụng quản trị website.
✔️Bảo hành vĩnh viễn khi khách hàng sử dụng hosting tại SIKIDO.
✔️Đặc biệt được tham gia khóa học "Vận hành hệ thống Online" trị giá 6.348.000VNĐ chỉ với 0 Đồng.
Còn rất nhiều ưu đãi khi đến với Sikido. Chần chừ gì nữa mà không đăng ký sở hữu một website bán hàng ngay bây giờ!!
Thông tin liên hệ Thiết kế website tại SIKIDO:
CÔNG TY TNHH TRUYỀN THÔNG VÀ QUẢNG CÁO SIÊU KINH DOANH
Địa chỉ: 213/14 Đường Nguyễn Gia Trí, Phường 25, Bình Thạnh, TP.HCM
Hotline: 028.6294.1556 - Zalo 0835546839
Email: hotro@sikido.vn - kythuat@sikido.vn
Website: https://sikido.vn
Khách hàng mới ký hợp đồng với SIKIDO
Trang Liên Hệ 11/4/2021
Trang Tuyển Dụng 11/4/2021
Trang sự kiện 11/4/2021
Trang Dịch Vụ 11/4/2021
Trang Tin Tức 11/4/2021
Trang Sản Phẩm 11/4/2021
Trang Giới Thiệu 11/4/2021
tin tức 11/4/2021
Danh mục sp tính giá 11/4/2021
Chi tiết sp tính giá 11/4/2021
Mobile tính giá 11/4/2021
Trang chủ web mẫu tính giá 11/4/2021
Demo 11/4/2021
Test 4 11/4/2021
Test 2 11/4/2021
Test 1 11/4/2021
3257 Trang chủ 11/4/2021
Trang chủ ngũ cốc 11/4/2021
Trang con 3257 11/4/2021
Trang chủ 3257 11/4/2021
Demo 3236 11/4/2021
KHÁNG VI PHẠM CHÍNH SÁCH FACEBOOK 11/4/2021
Google Shopping Ads là gì? Mọi điều cần biết về Google Shopping Ads 11/4/2021
NHỮNG ĐIỀU CẦN LƯU Ý KHI THUÊ NGƯỜI THIẾT KẾ WEBSITE 11/4/2021
NHỮNG ĐIỀU CẦN LƯU Ý KHI THUÊ NGƯỜI THIẾT KẾ WEBSITE 11/4/2021
Phan Ngọc Vĩnh 11/4/2021
Nguyễn Thị Thanh Nở - Test Website 11/4/2021
Hương 11/4/2021
Nguyễn Thị Thanh Nở 11/4/2021
Hương 11/4/2021
Hương 11/4/2021
ni 11/4/2021
ni 11/4/2021
Thiết kế website code tay hay chọn Wordpress? 11/4/2021
Phan Đình Chuyền 11/4/2021
Phan Đình Chuyền 11/4/2021
Cách tối ưu hình ảnh tuyệt đối trước khi muốn up lên website 11/4/2021
Bộ từ khóa rèm cửa 11/4/2021
Có Website , Mình Thoải đi du lịch mà chẳng phải bận tâm về việc... 11/4/2021
Làm website 5 năm trời mà vẫn không bán được hàng 11/4/2021
Mẹo Kinh Doanh Trên Web Siêu Hiệu Quả Của Bố Vợ 78 Tuổi 11/4/2021
Muốn KINH DOANH HIỆU QUẢ : PHẢI CÓ WEBSITE 11/4/2021
Câu chuyện thành công khi hợp tác với SIKIDO