Ubah Saiz
Pangkas
Mampat
Tukar
Utiliti

Tukarkan Imej kepada Data Sebaris

Gunakan alatan penukaran imej kepada data sebaris untuk menukarkan imej kepada data sebaris. Pilih antara format Base64 atau DataURL. Ini membolehkan penyematan imej terus ke dalam projek web.

Image → Base64 / Data URL

Click or Drag & Drop an Image
Base64
Image Data URL
⚠️ Large image may freez the browser

Tukar Imej kepada URL Data

1

Muat naik gambar anda

Muat naik gambar anda dengan mengklik atau seret ke kawasan muat naik.

2

Pilih Format Data

Pilih tab 'Base64' atau 'DataURL' untuk memilih format pilihan anda.

3

Lihat URL Data

Perwakilan imej anda dalam format Base64 atau DataURL akan muncul di ruang teks.

4

Salinan Kod yang Dijana

Klik butang 'Salin' untuk menyalin kod yang dijana ke papan klip anda.

Masukkan Imej Langsung ke dalam Projek Web Anda

Gabungkan imej terus ke dalam projek web anda dengan menghapuskan keperluan untuk menguruskan fail imej berasingan. Alat imej kepada data sebaris kami menjana representasi Base64 atau DataURL imej anda, yang membantu memperkemaskan alur kerja anda dan mengurangkan masa muatan halaman. Pendekatan ini menghapuskan keperluan untuk sumber luaran, menjadikan struktur projek anda lebih mudah.

Permudah Aliran Kerja Anda

Menyertakan imej terus dalam kod laman web anda boleh berguna untuk menyepadukannya sebagai format Base64 atau DataURL. Pendekatan ini mengintegrasikan imej ke dalam HTML atau CSS, menghapuskan pergantungan kepada fail luaran. Ia menyelaraskan aliran kerja pembangunan dan mungkin meningkatkan kecekapan pemuatan halaman dengan mengurangkan ketergantungan luaran.

Soalan Lazim

Apakah itu Base64 dan DataURL?

Base64 dan DataURL ialah cara untuk mewakili imej sebagai rentetan teks. Ini membolehkan anda menyemak imej terus ke dalam kod HTML atau CSS anda tanpa memerlukan fail imej berasingan.

Bagaimana saya boleh menggunakan Base64 atau DataURL yang dijana?

Anda boleh menggunakan kod yang dijana dalam tag <img> HTML atau sifat latar belakang-imej CSS. Contohnya, anda mungkin menggunakannya seperti ini: <img src='data:image/png;base64,...'>

Mengapakah saya mahu menggunakan Base64 atau DataURL?

Menggunakan data sebaris dapat menyederhanakan struktur projek anda, mengurangkan permintaan HTTP, dan berpotensi meningkatkan masa pemuatan, terutamanya untuk imej bersaiz kecil.

Adakah sebarang had dalam penggunaan alat ini?

Gambar bersaiz besar tidak disyorkan kerana boleh memperlahankan prestasi komputer anda. Rentetan Base64 atau DataURL yang terhasil juga boleh menjadi sangat panjang.

Format imej apa yang disokong?

Alat ini menyokong format imej yang biasa seperti PNG, JPG, dan GIF. Format yang disokong tepatnya mungkin berbeza berdasarkan penyemak imbas anda.