Công cụ tạo hình ảnh giữ chỗ
Tạo hình ảnh giữ chỗ tùy chỉnh cho thiết kế web
Ví dụ nhanh:
Kích thước hình ảnh giữ chỗ phổ biến
Web & Mạng xã hội
- Hình ảnh Open Graph (OG): 1200×630px (Facebook, LinkedIn, Twitter)
- Instagram vuông: 1080×1080px
- Instagram Story: 1080×1920px
- Tiêu đề Twitter: 1500×500px
- Hình thu nhỏ YouTube: 1280×720px
Kích thước Web phổ biến
- Hình ảnh Hero: 1920×1080px hoặc 1440×900px
- Hình ảnh nổi bật Blog: 1200×630px hoặc 800×450px
- Hình thu nhỏ: 300×200px hoặc 400×300px
- Ảnh hồ sơ: 200×200px hoặc 400×400px
- Quảng cáo biểu ngữ: 728×90px, 300×250px, 160×600px
Mẹo
- Sử dụng màu tương phản cho văn bản và nền để có khả năng hiển thị tốt hơn
- Định dạng PNG hỗ trợ độ trong suốt, JPEG có kích thước tệp nhỏ hơn
- Thêm kích thước hoặc văn bản mô tả để xác định giữ chỗ dễ dàng
- Xem xét sử dụng màu trung tính (xám) cho giữ chỗ chung
- Khớp tỷ lệ khung hình với yêu cầu nội dung cuối cùng của bạn
- Data URLs có thể được sử dụng trực tiếp trong HTML/CSS để kiểm tra nhanh