Ekstraktor Data URL dari HTML

Ekstrak URI data: tersemat dari dokumen HTML - gambar, font, skrip, dan lainnya. Secara otomatis mendeteksi data URL di img src, link href, url() CSS, source srcset, iframe src, script src, a href, dan atribut object data. Menampilkan distribusi jenis MIME, ukuran terenkode vs terdekode, perkiraan ukuran file asli, dan konteks HTML di sekitar setiap data URL. Unduh file satu per satu atau sekaligus. Gratis, privat, dan tanpa pendaftaran.

Data URL Extractor from HTML

Extract and analyze embedded Data URLs from HTML documents. Scans for data: URIs in img src, link href, CSS url(), source srcset, iframe src, script src, a href, object data, and more. Shows MIME type, encoded/decoded size, estimated original size, and surrounding HTML context for each data URL. Download individual files or all at once.

HTML Input

Paste HTML code above and click Extract Data URLs to find all embedded data: URIs. The tool scans for data URLs in img src, link href, CSS url(), source srcset, iframe src, and more. Click Load example HTML to try it with sample HTML containing various data URL types.

Mengapa Menggunakan Ekstraktor Data URL dari HTML Kami?

Ekstraksi Data URL Instan dari HTML: ekstrak semua URI data: tersemat dari HTML secara instan. Tempelkan kode HTML apa pun dan ekstraktor data URL kami memindai URI data: di img src, link href, url() CSS, source srcset, iframe src, script src, a href, dan atribut object data - tanpa pencarian manual.
Pemrosesan HTML yang Aman & Privat: semua ekstraksi data URL dari HTML terjadi sepenuhnya di browser Anda. Dokumen HTML, URI yang diekstrak, dan hasil analisis Anda tidak pernah meninggalkan perangkat Anda. Tanpa unggahan data, tanpa pelacakan, tanpa pendaftaran - privasi penuh.
Ekstraktor Data URL Online - Tanpa Instalasi: gunakan ekstraktor data URL langsung di browser modern mana pun tanpa unduhan, aplikasi, atau plugin. Dilengkapi rincian jenis MIME, analisis ukuran terenkode/terdekode, dan dukungan unduh file satu per satu.
Analisis Menyeluruh & Opsi Unduh: ekstraktor data URL kami menyediakan rincian jenis MIME, perbandingan ukuran terenkode vs terdekode, perkiraan ukuran file asli, konteks HTML di sekitar setiap data URL, dan unduhan sekali klik untuk file satu per satu atau semua data URL yang diekstrak sekaligus.

Kasus Penggunaan Umum Ekstraktor Data URL dari HTML

Mengekstrak Gambar Tersemat dari File HTML: pengembang web menggunakan ekstraktor data URL untuk mengekstrak gambar terenkode base64 dari file HTML untuk optimasi terpisah. Temukan semua gambar tersemat, lihat jenis MIME dan ukurannya, dan unduh setiap gambar satu per satu untuk dikonversi menjadi file eksternal demi cache yang lebih baik dan payload HTML yang lebih kecil.
Audit Keamanan Data Tersemat di HTML: peneliti keamanan menggunakan ekstraktor data URL untuk mengaudit dokumen HTML terhadap data tersemat yang mungkin berisi informasi sensitif. Identifikasi semua URI data:, periksa jenis kontennya, dan tinjau konteks HTML di sekitarnya untuk menilai apakah menyematkan data URL sudah tepat atau sebaiknya dieksternalisasi.
Analisis & Optimasi Email HTML: pemasar email menggunakan ekstraktor data URL untuk menganalisis template email HTML yang menyematkan gambar sebagai data URL. Lihat kontribusi total ukuran terenkode dari setiap sumber daya tersemat, pahami distribusi jenis MIME, dan putuskan gambar mana yang harus di-inline vs dihosting eksternal untuk kompatibilitas klien email yang lebih baik.
Men-debug Payload HTML Besar: pengembang frontend yang men-debug halaman lambat memuat menggunakan ekstraktor data URL untuk mengidentifikasi data URL yang terlalu besar yang membengkakkan HTML mereka. Alat ini menampilkan ukuran terenkode dan terdekode untuk setiap data URL, membantu menentukan sumber daya tersemat mana yang paling besar kontribusinya terhadap berat halaman.
Migrasi Data URL ke Aset Eksternal: saat merefaktor HTML untuk menggunakan file eksternal alih-alih data URL tersemat, pengembang menggunakan ekstraktor untuk mengatalogkan semua URI data:, jenis MIME, dan ukurannya. Unduh setiap sumber daya satu per satu dan ganti URI data: dengan referensi file eksternal.
Analisis Performa & Anggaran Ukuran HTML: insinyur performa menggunakan ekstraktor data URL untuk menganalisis berapa banyak ukuran dokumen HTML yang berasal dari data URL tersemat vs markup sebenarnya. Rincian jenis MIME dan statistik total ukuran terenkode/terdekode membantu menegakkan anggaran ukuran dan mengidentifikasi peluang optimasi.

Apa Itu Data URL?

Data URL (juga disebut URI data:) adalah skema URL yang didefinisikan oleh RFC 2397 yang memungkinkan menyematkan data langsung ke dokumen HTML alih-alih mereferensikan file eksternal. Data URL mengikuti format: data:[<jenis-MIME>][;base64],<data>. Misalnya, data:image/png;base64,iVBORw0KGgo... menyematkan gambar PNG lengkap sebagai string terenkode base64 langsung di HTML.

Data URL umumnya digunakan untuk gambar kecil (ikon, sprite), font (woff2), SVG inline, dan template email HTML di mana sumber daya eksternal mungkin diblokir. Meskipun menghilangkan permintaan HTTP, data URL menambahkan sekitar 33% overhead dari pengodean base64 dan tidak dapat di-cache secara independen oleh browser. Ekstraktor Data URL dari HTML kami membantu Anda menemukan dan menganalisis semua URI data: tersemat, memahami dampak ukurannya, dan memutuskan apakah akan membiarkannya inline atau memigrasikannya ke file eksternal.

Cara Kerja Ekstraktor Data URL Kami

1. Masukkan HTML: tempelkan dokumen HTML Anda (atau teks apa pun yang berisi URI data:) ke panel input. Alat ini memindai konten untuk 14 pola HTML umum tempat data URL biasanya muncul: img src (gambar), link href (ikon, stylesheet), deklarasi url() CSS (latar belakang, font), source srcset (gambar responsif), iframe src (frame inline), script src (skrip tersemat), a href (tautan unduhan), dan object data (plugin).
2. Ekstrak & Analisis: untuk setiap data URL yang ditemukan, ekstraktor mengurai jenis MIME (image/png, text/html, application/pdf, dll.), jenis pengodean (base64 vs terenkode persen), menghitung ukuran terenkode (string data URL lengkap), ukuran terdekode (data sebenarnya setelah dekode), dan memperkirakan ukuran file asli (disesuaikan dengan overhead base64). Rincian jenis MIME menunjukkan distribusi jenis konten di semua URL yang diekstrak.
3. Tinjau & Ekspor: telusuri data URL yang diekstrak dalam tata letak kartu dengan kategori jenis MIME berkode warna. Setiap kartu menampilkan detail URL, informasi ukuran, dan konteks HTML di sekitarnya. Unduh file satu per satu dengan ekstensi yang dideteksi otomatis, unduh semua file sekaligus, atau salin semua string data URL ke clipboard Anda untuk diproses lebih lanjut.

Memahami Ukuran & Overhead Data URL

Ukuran Terenkode: panjang byte lengkap dari data URL sebagaimana muncul di HTML, termasuk prefiks data:, deklarasi jenis MIME, penanda pengodean (;base64), dan data terenkode base64 atau persen. Ini adalah kontribusi sebenarnya dari data URL ini terhadap berat halaman HTML Anda.
Ukuran Terdekode: ukuran biner sebenarnya dari data setelah didekode dari base64 atau pengodean persen. Untuk data base64, ini sekitar 75% dari panjang data terenkode (base64 memperluas data biner sekitar ~33%). Untuk data terenkode persen, ini adalah panjang string UTF-8 yang terdekode.
Perkiraan Ukuran Asli: perkiraan berapa ukuran file jika disimpan sebagai file eksternal alih-alih disematkan sebagai data URL. Ini mengoreksi overhead pengodean base64 ~33% plus metadata (jenis MIME, penanda pengodean). Ini membantu Anda memperkirakan jejak data sebenarnya dan penghematan dari mengeksternalisasi data URL.
Distribusi Jenis MIME: rincian jenis konten di semua data URL yang diekstrak membantu Anda memahami jenis data apa yang disematkan - gambar, font, skrip, gaya, atau konten lain - dan kontribusi relatifnya terhadap total ukuran data tersemat.

Privasi, Keamanan & Ketersediaan

Ekstraktor data URL ini 100% gratis dan tanpa pendaftaran. Semua analisis HTML dilakukan secara lokal di browser Anda - dokumen HTML, data URL yang diekstrak, dan hasil analisis Anda tidak pernah meninggalkan perangkat Anda. Tidak ada batas ukuran file atau batas penggunaan. Alat ini memindai 14 pola tag HTML berbeda, menyediakan rincian jenis MIME, analisis ukuran terenkode/terdekode, kemampuan unduh satu per satu dan massal, serta bekerja sepenuhnya offline setelah pemuatan pertama. Gunakan sebanyak yang Anda perlukan untuk menganalisis dokumen HTML dengan data URL tersemat.

Pertanyaan yang Sering Diajukan

Data URL (juga disebut URI data:) adalah skema yang memungkinkan menyematkan data langsung ke dokumen HTML atau CSS alih-alih menautkan ke file eksternal. Data URL mengikuti format data:[jenis-MIME][;base64],data dan umumnya digunakan untuk gambar kecil, font, dan sumber daya inline untuk mengurangi permintaan HTTP.

Ekstraktor data URL memindai URI data: di img src, link href, deklarasi url() CSS, source srcset, iframe src, script src, a href, dan atribut object data. Alat ini menangkap konteks HTML di sekitarnya untuk setiap kecocokan sehingga Anda dapat melihat di mana setiap data URL digunakan.

Untuk setiap data URL yang diekstrak, alat menampilkan jenis MIME, jenis pengodean (base64 atau terenkode persen), ukuran terenkode, ukuran terdekode, perkiraan ukuran file asli, atribut tag tempat ditemukan, dan cuplikan konteks HTML di sekitarnya.

Tentu saja. Ekstraktor data URL berjalan sepenuhnya di browser Anda. HTML, data URL yang diekstrak, dan hasil analisis Anda tidak pernah meninggalkan perangkat Anda. Semua pemrosesan terjadi secara lokal - tidak ada yang diunggah ke server mana pun.

Bisa. Setiap data URL yang diekstrak memiliki tombol Unduh yang mendekode data dan memicu unduhan file dengan ekstensi yang sesuai berdasarkan jenis MIME. Anda juga dapat menggunakan "Unduh Semua" untuk mengunduh massal semua data URL yang diekstrak atau "Salin Semua Data URL" untuk menyalinnya ke clipboard.

Ya. Alat ini mendeteksi kedua jenis pengodean. Data URL terenkode base64 diidentifikasi dengan penanda ;base64, dan data URL terenkode persen (seperti data:text/html,%3Ch1%3E...) juga didukung dengan perkiraan ukuran yang tepat untuk keduanya.

Ukuran terenkode adalah panjang byte dari string data URL termasuk metadata. Ukuran terdekode adalah data biner sebenarnya setelah dekode base64 atau persen. Perkiraan ukuran asli mengoreksi overhead data URL (base64 menambahkan ~33% plus metadata) untuk menunjukkan berapa ukuran file jika menjadi sumber daya eksternal.

Bisa. Template email HTML sering menyematkan gambar sebagai data URL untuk memastikan kompatibilitas antar klien. Ekstraktor data URL membantu menganalisis dampak ukuran sumber daya yang disematkan dan memutuskan mana yang harus di-inline vs dihosting secara eksternal.

Ya - ekstraktor data URL 100% gratis tanpa pendaftaran, tanpa akun, dan tanpa batas penggunaan. Ekstrak data URL dari dokumen HTML mana pun sebanyak yang Anda butuhkan.