Lorem Picsum Placeholder Image URL Builder
Sinh URL ảnh placeholder cho mockup, prototype, blog draft với Lorem Picsum. 6 tỉ lệ chuẩn, 5 size phổ biến (banner, OG, IG Story), grayscale + blur.
Lorem Picsum (picsum.photos) là dịch vụ ảnh placeholder miễn phí, không cần API key. Phù hợp prototype, mockup, blog draft.
Lorem Picsum là gì?
Lorem Picsum (picsum.photos) là dịch vụ ảnh placeholder miễn phí — nguồn ảnh từ Unsplash, không cần API key, CORS-friendly. URL pattern:
https://picsum.photos/<width>/<height> # ảnh ngẫu nhiên
https://picsum.photos/seed/<seed>/<w>/<h> # ảnh cố định theo seed
https://picsum.photos/<w>/<h>?grayscale # đen trắng
https://picsum.photos/<w>/<h>?blur=5 # mờ 5/10 Khi nào dùng?
- Prototype Figma → code: ảnh placeholder đẹp thay vì hình xám.
- Blog draft: chưa có ảnh thật → dùng Picsum tạm.
- Hero mockup: sinh ảnh banner 1920×400 — paste vào HTML/Astro.
- Test responsive: ảnh thật size lớn để check layout breakpoint.
- Lazy-load demo: sinh nhiều URL khác nhau để test infinite scroll.
Tip
- Seed: cho team — cùng seed → cùng ảnh, designer/dev share được. Vd: seed "ai" cho hero AI.
- Multi URLs: sinh 5-50 URL cùng lúc cho gallery, infinite scroll demo.
- OG image preview: dùng size 1200×630 để test Twitter/Facebook share preview.
- Tránh production: Picsum không SLA — production phải dùng ảnh thật self-hosted hoặc CDN.
Phù hợp với ai
Content creator, designer, developer làm việc với ảnh/media — nén trước khi upload, encode base64 cho LLM vision, sinh QR.
Câu hỏi thường gặp
Ảnh có được upload lên TopDev không?
Không bao giờ. Toàn bộ xử lý ảnh dùng Canvas API trong trình duyệt. Bạn có thể tắt mạng và tool vẫn chạy bình thường — đây là cách kiểm chứng.
Có lưu lịch sử ảnh đã xử lý không?
Không. Sau khi tải xuống, ảnh sẽ biến mất khỏi tab khi bạn rời trang. Không có account, không có cloud storage.
Công cụ liên quan
Xem tất cả công cụ →Tạo mã QR
QR cho URL, WiFi, vCard. Tùy chỉnh màu, tải PNG.
MỚINén ảnh online
Nén JPG/PNG/WebP, resize, đổi format — chạy trong browser với Canvas API. Ảnh KHÔNG upload đi đâu.
MỚIJWT Builder (Sign HS256)
Build & sign JWT với HMAC-SHA256 qua Web Crypto API. Quick claim helpers (iat, exp). Cho test/dev API auth.
MỚIJSON → TypeScript Interface
Sinh TypeScript interface từ JSON sample. Cho API response, LLM structured output, mock data.