# 183: Hình ảnh Chỉ đạo Nghệ thuật, Phần tử Hình ảnh và CDN Hình ảnh - Thủ thuật CSS

Anonim

Đó là một hiện tượng không có thật!

Tôi đang nói về ý tưởng về các dịch vụ lưu trữ hình ảnh cho phép bạn điều khiển URL của hình ảnh để chuyển đổi nó . Nói cách khác, nếu bạn cần nhiều bản sao của một hình ảnh để thực hiện công bằng cho cú pháp hình ảnh đáp ứng, bạn không cần phải tự tạo hình ảnh - bạn điều chỉnh URL để bạn có hình ảnh hoàn hảo cho công việc.

Ý tưởng thao túng URL này đã xuất hiện trên hàng tấn dịch vụ lưu trữ hình ảnh. Hãy tận dụng những gì mà các dịch vụ đó cung cấp và làm điều gì đó vượt trội hơn cả những hình ảnh đáp ứng điển hình: hãy hướng nghệ thuật cho chúng.

Để chỉ rõ mức độ phổ biến của một ý tưởng mà việc phân phát hình ảnh dựa trên thao tác URL này…

  • imgix cung cấp nó (hỗ trợ Hủy kết nối URL)
  • Cloudinary cung cấp nó
  • Netlify cung cấp nó
  • Image Optim cung cấp nó
  • Filestack cung cấp nó
  • Cloudflare cung cấp nó
  • Tôi chắc rằng còn rất nhiều…

Chúng tôi sẽ sử dụng phần tử làm bảng mã chính ở đây và API imgix cho tất cả các biến thể hình ảnh. Đây là nơi chúng tôi đã kết thúc trong video:

Ồ, và đây là phần tử HTML kỳ lạ mà chúng tôi đã chạm vào.