Loading
Hãy tìm kiếm trước khi đặt câu hỏi đến các chuyên gia tại Diễn đàn SEO - Quảng Bá Web

Chú ý: thành viên mới tham gia (chưa đủ 30 bài) sẽ không đăng được bài mới (thảo luận được chấp nhận toàn bộ) trong những Box không thuộc về SEO - Digital Marketing (vd: Giao lưu, Quảng cáo v.v.. do không có đóng góp cho anh em SEOer mà toàn Spam bài quảng cáo v.v..)
  • Diễn đàn Quảng bá web - Thông báo khẩn

    1.  

    + Trả Lời Ðề Tài
    kết quả từ 1 tới 10 trên 10
    1. #1
      Tham gia ngày
      Aug 2015
      Bài gởi
      35
      Thanks
      0
      Thanked 0 Times in 0 Posts

      Tối ưu hóa hình ảnh để tăng tốc độ tải trang cho website, blog

      Hình ảnh là một phần không thể thiếu trong một website và sử dụng hình ảnh như thế nào cho đúng liên quan rất nhiều đến chất lượng của một website,chất lượng của bài viết, tốc độ tải trang web, cải thiện khả năng seo cho website, seo cho bài viết…
      Trong quá trình tìm hiểu về vấn đề sử dụng hình ảnh như thế nào cho đúng mình đã thu được rất nhiều kinh nghiệm quí báu và nghĩ cần phải viết bài chia sẻ lại ngay với các bạn về các định dạng hình ảnh, cách sử dụng thế nào cho đúng.

      Để có những hình ảnh hiệu quả trên trang web, hình ảnh của bạn cần phải có được sự cân bằng hài hòa giữakích thước file ảnh, màu sắc và chất lượng ảnh.
      Tối ưu hóa hình ảnh là quá trình chọn định dạng file ảnh, độ phân giải và các thiết lập về chất lượng ảnh để có một hình ảnh hiệu quả, bắt mắt.

      1. Ý nghĩa của các định dạng ảnh phổ biến trên internet (JPEG, GIF, PNG)
      Tối ưu hóa hình ảnh để tăng tốc độ tải trang cho website, blog
      Image Optimization
      Dạng JPEG được thiết kế để giữ lại độ màu rộng và độ sáng rõ của những ảnh có tông màu liên tục (chẳng hạn như những ảnh ở chế độ tô màu gradient). Dạng ảnh này có thể tiêu biểu cho những ảnh sử dụng hàng triệu màu.
      Dạng GIF hiệu quả đối với những ảnh nén màu đặc và những ảnh có những vùng màu lập lại (chẳng hạn như nghệ thuật đường thẳng, các biểu tượng và những hình minh hoạ có chữ). Dạng này sử dụng một bảng gồm 256 màu để thể hiện hình ảnh và hỗ trợ cho độ trong suốt của nền.
      Dạng PNG hiệu quả đối với những ảnh nén màu đặc và giữ được chi tiết sắc nét. Dạng PNG-8 sử dụng bảng 256 màu để thể hiện 1 ảnh. Dạng PNG-24 hỗ trợ màu 24 bit (hàng triệu màu), tuy nhiên nhiều ứng dụng trình duyệt trước đây không hỗ trợ các tập tin dạng PNG.

      2. Sử dụng định dạng ảnh nào để tối ưu hóa website, blog?
      Từ những khái niệm trên các bạn cần lưu ý các vấn đề sau để đạt được tốc độ tải trang tốt nhất, cũng như đảm bảo được chất lượng hình ảnh.

      Không sử dụng định dạng PNG cho ảnh. Nén ảnh dạng JPEG sẽ giúp ảnh có kích cỡ nhỏ hơn mà vẫn đảm bảo chất lượng ảnh tốt. Ví dụ: Thay vì sử dụng một hình ảnh định dạng PNG cỡ 1mb chúng ta có thể nén ảnh bằng định dạng JPEG như vậy ảnh sẽ chỉ còn khoảng 140kb. Như vậy các bạn đã có thể tiết kiệm được khá nhiều băng thông cho website, blog và giảm đáng kể thời gian tải trang.
      Không lạm dụng thuộc tính trong suốt của định dạng ảnh PNG. Trong suốt là một hiệu ứng tuyệt vời của định dạng ảnh PNG mà định dạng JPEG không hỗ trợ, tuy nhiên nếu không cần thiết thì bạn không nên sử dụng. Thường thì định dạng ảnh PNG được sử dụng cho logo hoặc hình ảnh với độ tương phản cao như dành cho text chẳng hạn.
      Thiết lập chất lượng hình ảnh dạng JPG đúng: Lưu ảnh với chất lượng 50-75% giúp bạn giảm kích cỡ file ảnh đáng kể mà không làm giảm chất lượng hiển thị ảnh. Kích cỡ file ảnh khoảng 100kb hoặc nhỏ hơn nữa càng tốt.
      Loại bỏ những thông tin không cần thiết trong ảnh: Các phần mềm chỉnh sửa ảnh hoặc các nhà thiết kế thường để lại thông tin trên file ảnh của mình như comment, hình thu nhỏ (thumbnail)… mà có thể bạn không để ý tới. Đó là những phần thừa và nó sẽ làm tăng kích cỡ file ảnh.
      Tối ưu hóa hình ảnh để tăng tốc độ tải trang cho website, blog
      Remove Image Metadata
      Sử dụng thẻ Alt để thêm phần hiển thị thông tin hình ảnh khi người dùng rê chuột qua. Thẻ alt còn có tác dụng cực kì tốt nếu link hình ảnh không tồn tại, khi đó dòng chữ trong thẻ alt sẽ hiển thị thay vì hiển thị một hình dạng no-image hoặc không hiển thị gì cả (google chrome)

      3. Các công cụ tối ưu hóa hình ảnh
      Các bạn có thể sử dụng Photoshop và ImageReady để có được hình ảnh với kích cỡ nhỏ và chất lượng cao. Ngoài ra Photoshop vàImageReady còn giúp bạn có thể resize ảnh hàng loạt nữa.
      Nếu không muốn sử dụng phần mềm các bạn cũng có thể sử dụng các công cụ tối ưu hóa hình ảnh miễn phí online như YahooSmush.It hoặc những phần mềm mã nguồn mở như PNGCrushhoặc JPEGTran.

      Xem thêm: Tối ưu hình ảnh WordPress với Smush.IT

      Trên đây là một số vấn đề về tối ưu hóa hình ảnh để giảm thiểu tối đa thời gian tải trang web cũng như đạt được những hiệu quả tốt nhất để SEO bài viết cũng như SEO cho website



       Xem bài liên quan cùng danh mục:



      Chữ ký của tamtoai

      ****************Hãy cùng chia sẻ với bạn bè bằng cách****************

      Copy đường link dưới đây gửi đến bạn bè!

      Đặt từ khóa tại đây ? Xem bảng giá quảng cáo tại QBW

    2. #2
      Tham gia ngày
      Aug 2015
      Bài gởi
      183
      Thanks
      12
      Thanked 3 Times in 3 Posts

      Ðề: Tối ưu hóa hình ảnh để tăng tốc độ tải trang cho website, blog

      mình thường để ảnh ở đuôi JPEG, nhưng có 1 vấn đền là nên chọn site ảnh bao nhiêu thì là phù hợp nhất cho site ạ


      Chữ ký của huyenmy
      cho http://vaytieudung.biz/ tại đây.

    3. #3
      Tham gia ngày
      Mar 2013
      Bài gởi
      134
      Thanks
      18
      Thanked 4 Times in 4 Posts

      Ðề: Tối ưu hóa hình ảnh để tăng tốc độ tải trang cho website, blog

      Định dạng thường là JPEG là tốt nhất, vừa nhẹ vừa nhanh, thêm thẻ alt cho ảnh nữa là oke cho SEO rồi


      Chữ ký của mr.tmax

    4. #4
      Tham gia ngày
      Oct 2015
      Bài gởi
      79
      Thanks
      0
      Thanked 0 Times in 0 Posts

      Ðề: Tối ưu hóa hình ảnh để tăng tốc độ tải trang cho website, blog

      Em tưởng tối ưu hóa hình ảnh là do code nhỉ


      Chữ ký của av886
      Tư vấn làm đẹp từ mật ong, sữa ong chúa từ thiên nhiên,làm đẹp từ mật ong, mặt nạ mật ong, cách sử dụng sữa ong chúa hãy đến với chúng tôi để được tư vấn tốt nhất

    5. #5
      Tham gia ngày
      Nov 2015
      Bài gởi
      41
      Thanks
      0
      Thanked 1 Time in 1 Post

      Ðề: Tối ưu hóa hình ảnh để tăng tốc độ tải trang cho website, blog

      Trích Nguyên văn bởi av886 Xem bài viết
      Em tưởng tối ưu hóa hình ảnh là do code nhỉ
      tối ưu ảnh ở đây là tối ưu về dung lượng ảnh bạn à

    6. #6
      Tham gia ngày
      Dec 2015
      Bài gởi
      41
      Thanks
      0
      Thanked 0 Times in 0 Posts

      Ðề: Tối ưu hóa hình ảnh để tăng tốc độ tải trang cho website, blog

      Giờ chúng ta sử dụng PTS để giảm dung lượng hình ảnh, thêm vào đó là nâng cấp gói host lên

    7. #7
      Tham gia ngày
      Dec 2015
      Bài gởi
      41
      Thanks
      0
      Thanked 0 Times in 0 Posts

      Ðề: Tối ưu hóa hình ảnh để tăng tốc độ tải trang cho website, blog

      Chúng ta nền dùng PTS để giảm dung lượng hình ảnh nhé.
      rất tốt cho website, tốc độ load site nhanh

    8. #8
      Tham gia ngày
      Jul 2016
      Bài gởi
      148
      Thanks
      0
      Thanked 1 Time in 1 Post

      Ðề: Tối ưu hóa hình ảnh để tăng tốc độ tải trang cho website, blog

      phần không thể thiếu trong một website và sử dụng hình ảnh như thế nào cho đúng liên quan rất nhiều đến chất lượng của một website


      Chữ ký của mkmkmkmk

    9. #9
      Tham gia ngày
      Jan 2017
      Bài gởi
      24
      Thanks
      1
      Thanked 0 Times in 0 Posts

      Ðề: Tối ưu hóa hình ảnh để tăng tốc độ tải trang cho website, blog

      Mình cũng đang mong muốn tối ưu hình ảnh cho web. Hình ảnh để lung tung quá.


      Chữ ký của no_name

    10. #10
      Tham gia ngày
      Oct 2013
      Bài gởi
      140
      Thanks
      13
      Thanked 3 Times in 2 Posts

      Ðề: Tối ưu hóa hình ảnh để tăng tốc độ tải trang cho website, blog

      Mình thường hay dùng photoshop để nén size hình,chất lượng ảnh thì vẫn được đảm bảo.Tăng dung lượng cho host cũng là cách tốt để trang web load nhanh hơn


      Chữ ký của jackyle



    + Trả Lời Ðề Tài

    Quuyền Hạn Của Bạn

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts

    Có thể bạn cần: 
    Hội công nghệDMCA.comQuangBaWeb.edu.vn là diễn đàn mở miễn phí dành cho các thành viên.
    Chúng tôi không chịu trách nhiệm trên thông tin người dùng đăng tải trên diễn đàn. Các trường hợp vi phạm, chúng tôi sẽ tiến hành xử lý xóa bỏ ngay lập tức. Nếu bạn nhận thấy bài viết vi phạm, xin vui lòng gởi thông báo cho chúng tôi, xin cám ơn.

    DÀNH CHO QUẢNG CÁO