Nội dung

Hướng dẫn tối ưu hình ảnh cho website load nhanh

9 tháng trước, Quản lý website, Photoshop, 317 Lượt xem

Đăng ký cập nhập video từ netweb.vn

Việc tối ưu ảnh nhẹ cho web là 1 vấn đề cần phải làm tối ưu khi làm web và viết bài, để tránh những trường hợp sau này những hình ảnh nhiều mb load web nặng, mất nhiều công sức đi tối ưu ảnh lại nữa.

Vì thế hôm nay netweb.vn xin hướng dẫn các bạn 2 cách tối ưu hình ảnh mà mình vẫn hay dùng, các bạn có thể tham khảo và giúp tối ưu website của mình cho tốt ngay từ đầu nhé.

Xem kích thước hình ảnh cần tối ưu Click chuột phải vào –> properties

Dung lượng hình hiện tại là 864kb, okey bắt đầu nào 😀

Cách 1: Tối ưu hình ảnh với Photoshop cs6

Mình thì hay dùng với photoshop cs6, các bạn có thể dùng từ bản cs4–>ok

Bước 1: Mở photoshop cs6 lên

Các bạn có thể kéo thả hình vào photoshop hoặc vào file –> open như hình dưới

Click chọn hình cần resize

Sau khi open được như hình dưới.

Bước 2: resize hình ảnh nào?

Các bạn chọn file–> Save for web để vào mục resize ảnh.

Hình như kích thước lúc đầu, dung lượng 849kb chưa thấy giảm, sẽ giảm ở hình kế tiếp

Các bạn chỉnh các thông số như trong hình dưới và nhấn save lại.

Như vậy mình đã giảm hình xuống rất nhiều lần mà chất lượng hình không thay đổi bao nhiêu.

 

Cách 2: Tối ưu hình ảnh với Paint trên windown.

Paint là 1 công cụ khá mạnh mẽ có sẵn trên windown giúp các bạn tối ưu hình ảnh mà không cần thiết phải chèn phần mềm bên thứ 3 vào.

Để edit ảnh: Click chuột phải vào –> Edit

  1. Sau đó chọn Resize để bắt đầu ressize ảnh
  2. Chọn tab Pixels và chọn thông số: Horizontal thường để 900 đến 1200, để vừa hình chuẩn web
  3. Sau đó chọn ok để tiến hành Resize.
  4. Xong–>>

 

 

Chúc các bạn thành công!

 

 

 

Bài viết mới cập nhập

  • Cách tải lên tệp WebP trên WordPress

    Cách tải lên tệp WebP trên WordPress

    13 giờ trước, 762 Lượt xem

    Hi chào các bạn! hôm này làm dự án khách hàng đụng cái không upload được hình đuôi .WebP, hôm nay mình sẽ hướng dẫn…

  • Tạo user trên Directadmin

    Tạo user trên Directadmin

    2 ngày trước, 54 Lượt xem

    Trong bài viết hôm nay, netweb sẽ hướng dẫn các bạn tạo user hosting trên DirectAdmin. Tạo user trên Directadmin Để tạo user trên Directadmin…

  • Cách thay đổi cổng SSH trên Linux Ubuntu 20.04

    Cách thay đổi cổng SSH trên Linux Ubuntu 20.04

    4 ngày trước, 660 Lượt xem

    Cổng mặc định cho SSH trên hệ thống Linux là 22. Có một vài lý do khiến bạn có thể muốn thay đổi cổng này thành một số khác. Nếu nhiều máy…

Bình luận trên facebook netweb.vn

Đam mê thiết kế web, kinh nghiệm 9 năm trong nghề thiết kế website, đang thiết kế web dạo tại netweb.vn, Callme: 08.9898.2526 (Mr Hải)