Softonic

Galeri Lorem Picsum

Langkah 1 / 2
Berikutnya

Lorem Picsum menyediakan foto bebas royalti melalui API URL yang sederhana, https://picsum.photos/{width}/{height} mengembalikan gambar dalam ukuran apa pun. Galeri ini memungkinkan Anda menentukan lebar, tinggi, seed, radius blur, dan tingkat grayscale, lalu menyalin URL siap tempel (atau tag <img>) sehingga Anda bisa langsung menaruh gambar pengganti ke Figma, tampilan Blade, atau komponen React tanpa perlu mencari gambar stok.

Cara menggunakan galeri

  1. 1

    Atur dimensi gambar

    Lebar dan tinggi dalam piksel. Ukuran umum seperti 800×600 atau 1200×630 tersedia sebagai preset.

  2. 2

    Pilih pengubah

    Blur (0–10), grayscale, seed tetap untuk menghasilkan gambar yang dapat direproduksi, format WebP atau JPEG.

  3. 3

    Jelajahi grid pratinjau

    Beberapa sampel acak dimuat, sehingga Anda dapat memilih yang sesuai keinginan.

  4. 4

    Salin URL

    Ambil URL biasa, tag `<img>` lengkap, atau sintaks gambar Markdown.

Anatomi URL

Endpoint dasar:

https://picsum.photos/{width}/{height}

Ditambah bagian kueri dan jalur yang bersifat opsional:

Varian Contoh Efek
Pintasan bujur sangkar /200 → sama dengan /200/200 Gambar bujur sangkar
Seed tetap /seed/cat/400/300 Selalu mengembalikan foto yang sama
ID foto tertentu /id/237/400/300 Mengunci ke gambar 237 dalam koleksi
Grayscale /400/300?grayscale Filter monokrom
Blur /400/300?blur=5 Blur Gaussian, 1–10
Format /400/300.webp Memaksa format file
Acak setiap kali dimuat Hanya URL Foto baru setiap kali disegarkan

Kapan menggunakannya dibandingkan foto stok asli

  • Cocok untuk: wireframe, tinjauan desain, demo internal, fixture pengujian, eksperimen lazy loading.
  • Tidak cocok untuk: situs pemasaran produksi, gambar utama (hero), pratinjau media sosial. Melakukan hotlink ke layanan gambar gratis milik orang lain untuk trafik nyata adalah praktik yang buruk dan rapuh, foto bisa berubah tanpa pemberitahuan.

Tips

  • Kunci sebuah seed saat Anda mengambil tangkapan layar desain untuk dokumentasi; jika tidak, gambar akan berubah saat seseorang membuka halaman tersebut berikutnya.
  • Samakan rasio aspek aset akhir Anda (16:9, 4:5, 1:1) agar tata letak tidak melompat saat Anda menggantinya dengan foto asli.
  • Gunakan blur untuk menguji transisi dari placeholder ke gambar asli (pola LQIP), keluaran blur Picsum meniru tampilan placeholder gambar berkualitas rendah.
  • Minta WebP untuk halaman yang lebih ringan selama pengembangan.

Pertanyaan yang Sering Diajukan

Secara teknis, foto-foto ini berlisensi Unsplash, tetapi hotlink ke picsum.photos dari produksi tidak dianjurkan, gunakan untuk prototipe dan unduh asetnya (atau kunjungi sumber Unsplash asli) untuk penggunaan di produksi.

Tanpa seed atau ID, API menyajikan foto acak pada setiap permintaan. Gunakan /seed/katamu/... atau /id/123/... untuk menguncinya.

Lorem Picsum adalah layanan gratis di Cloudflare dengan batas laju yang wajar. Untuk rangkaian pengujian yang berat atau uji beban, unduh salinan lokal dan sajikan dari host Anda sendiri.

Ya, layanan ini hanya HTTPS. Semua URL yang dihasilkan diawali dengan https://.

Hanya untuk thumbnail pratinjau, yang dimuat langsung dari picsum.photos. Tidak ada data tentang pilihan ukuran atau seed Anda yang dikirim ke pihak ketiga oleh galeri ini sendiri.

Alat Terkait

Referensi Tabel ASCII

Tabel ASCII lengkap dari 0 sampai 127 dengan desimal, heksadesimal, oktal, biner, dan referensi karakter numerik HTML untuk setiap karakter, termasuk kode kontrol seperti NUL, LF, dan DEL.

Referensi Karakter HTML

Daftar entitas HTML yang dapat dicari, beserta kode bernama dan kode numeriknya, serta fitur salin dengan satu klik untuk karakter khusus dan simbol.

Referensi pintasan papan ketik

Cari pintasan bawaan terdokumentasi untuk VS Code, Chrome, dan Bash dengan GNU Readline di macOS, Windows, dan Linux.

Pemformat HTML

Format HTML secara lokal di browser dengan inden dua atau empat spasi. HTML tidak diunggah atau divalidasi.

Generator EditorConfig

Buat file .editorconfig dengan gaya dan ukuran indentasi, akhir baris, charset, dan aturan spasi Anda untuk format yang konsisten di berbagai IDE dan editor.

Validator Email

Validasi alamat email: pemeriksaan sintaks RFC 5322, pengecekan live record MX, serta detail bagian lokal, domain, dan panjang. Tidak ada email yang dikirim.

Alat ini tersedia dalam bahasa lain