base64image
Türkçe

Hep keskin kalan vektörler

Base64'ten SVG'ye Dönüştürücü

Base64 dizesini açıp düzenleyebileceğiniz ve istediğiniz boyuta ölçekleyebileceğiniz bir SVG dosyasına çözün. CSS arka planlarından ve data URL adreslerinden simge çıkarmak için kullanışlıdır.

0 karakterveya buraya bir .txt dosyası bırakın
Resim çıktısı

Resminiz burada görünecek

Hiçbir şey yüklenmez. Çözme işlemi bu cihazda yapılır.

Biçim
—
Boyutlar
—
Dosya boyutu
—
Base64 uzunluğu
—

Base64 resme nasıl çevrilir?

  1. Dizeyi yapıştırın

    Ham Base64 verisini ya da eksiksiz bir data:image/...;base64, adresini yapıştırın. Tırnak işaretleri, satır sonları ve CSS url() sarmalayıcıları otomatik olarak temizlenir.

  2. Çözülmesini izleyin

    Biçim tahmin edilmez, dosya imzasından okunur; resim de boyutları ve dosya boyutuyla birlikte anında görüntülenir.

  3. Resmi kaydedin

    Özgün dosyayı indirin, PNG, JPG veya WebP olarak yeniden kodlayın ya da doğrudan panoya kopyalayın.

Base64 SVG resimler hakkında

SVG (Scalable Vector Graphics), şekilleri piksellerle değil XML metniyle tanımlar; bu yüzden her çözünürlükte keskin kalır ve simgelerle logolarda genellikle çok küçük yer tutar.

Base64 SVG çoğunlukla PHN2Zy (<svg kodlaması) veya PD94bWwg (<?xml kodlaması) ile başlar. Medya türü image/svg+xml olur.

Geliştiricilerin çalışma biçimine göre tasarlandı

  • Tasarımı gereği gizli

    Çözme işlemi cihazınızda JavaScript ile çalışır. Dize hiçbir zaman sunucuya gönderilmez; token, ekran görüntüsü ve müşteri verileri sizde kalır.

  • Gerçek biçim algılama

    Data URL ön eki eksik veya yanlış olsa bile PNG, JPEG, GIF, WebP, SVG, BMP, ICO ve AVIF, magic byte değerlerinden tanınır.

  • Hoşgörülü girdi işleme

    URL-safe Base64, eksik = dolgusu, satırlara bölünmüş veri, JSON içinde escape edilmiş dizeler ve çevreleyen tırnak işaretleri sorun olmaz.

  • Kesin dosya bilgileri

    Piksel boyutlarını, çözülmüş dosya boyutunu ve dize uzunluğunu gösterir; API payload kontrolünde işinizi kolaylaştırır.

  • Biçim dönüştürme

    Çözülen her resmi sayfadan ayrılmadan PNG, JPG veya WebP olarak yeniden kodlayın.

  • Sınır yok, hesap yok

    Kullanımı ücretsizdir; kayıt, filigran ve günlük kota yoktur.

Base64 resim nedir?

Base64, ikili veriyi yazdırılabilir 64 karakterle ifade etmenin bir yoludur: A–Z, a–z, 0–9, + ve /. RFC 4648 ile tanımlanmıştır. Dosyanın her 3 baytı 4 metin karakterine dönüşür; bu yüzden Base64 resim, özgün dosyadan yaklaşık %33 daha büyüktür.

RFC 2397 ile tanımlanan data URL, bu metni bir medya türüyle sarmalar ve tarayıcının onu doğrudan görüntülemesini sağlar: data:image/png;base64,iVBORw0KGgo.... Küçük resimler HTML, CSS, JSON API yanıtları, e-postalar ve SVG dosyalarının içine bu şekilde gömülür.

Base64'ü resme çevirmek bu işlemi tersine çevirir. Metin yeniden özgün baytlara çözülür ve kodlanan dosyayla birebir aynı, sıradan bir resim dosyası olarak kaydedilir.

Resim biçimleri ve Base64 imzaları

Her biçim sabit imza baytlarıyla başladığı için, Base64 dizesinin ilk karakterleri resmin biçimini ele verir.

BiçimMIME türüBase64 başlangıcıSaydamlıkAnimasyonEn uygun kullanım
PNGimage/pngiVBORw0KGgoEvetHayırLogolar, simgeler, ekran görüntüleri
JPGimage/jpeg/9j/HayırHayırFotoğraflar
GIFimage/gifR0lGODEvetEvetKısa ve basit animasyonlar
WebPimage/webpUklGREvetEvetDaha küçük web görselleri
SVGimage/svg+xmlPHN2ZyEvetEvetÖlçeklenebilir simge ve çizimler
BMPimage/bmpQkHayırHayırSıkıştırılmamış eski bitmap dosyaları
ICOimage/x-iconAAABAAEvetHayırFavicon dosyaları

Kod ile Base64 verisini SVG olarak çözme

Aynı işi bir betik içinde yapmanız gerektiğinde, aşağıdaki kod parçaları bir Base64 dizesini resim dosyasına yazar.

JavaScript
const img = new Image();
img.src = `data:image/svg+xml;base64,${b64}`;
document.body.append(img);
Node.js
import { writeFileSync } from 'node:fs';

writeFileSync('image.svg', Buffer.from(b64, 'base64'));
Python
import base64

with open("image.svg", "wb") as f:
    f.write(base64.b64decode(b64))
Shell
base64 --decode image.txt > image.svg

Sık sorulan sorular

SVG dosyasını çözdükten sonra düzenleyebilir miyim?

Evet. İndirilen dosya düz XML metnidir. Herhangi bir kod editöründe ya da Figma, Inkscape veya Illustrator ile açabilirsiniz.

SVG dosyalarının CSS'te Base64 ile kodlanması şart mı?

Hayır. SVG metin olduğu için URL kodlamasıyla da yazılabilir ve bu genellikle daha az yer tutar. Base64 çoğunlukla bir araç veya API gerektirdiğinde kullanılır.

SVG dosyasını PNG olarak kaydedebilir miyim?

Evet. Farklı kaydet menüsünü kullanarak vektörü doğal boyutunda PNG, JPG veya WebP olarak işleyebilirsiniz.

Base64 SVG nasıl tanınır?

PHN2Zy veya PD94bWwg ile başlar. Data URL olarak data:image/svg+xml;base64,PHN2Zy... biçiminde görünür.

Base64 verim bir sunucuya yükleniyor mu?

Hayır. Çözme işlemini tarayıcınızdaki JavaScript yapar. Dize ve ortaya çıkan resim hiçbir yere iletilmez; bu nedenle araç özel veya hassas görseller için güvenlidir.

Hangi resim biçimleri destekleniyor?

PNG, JPEG, GIF, WebP, SVG, BMP, ICO ve AVIF. Biçim dosya imzasından algılandığı için data:image/... ön eki olmadan da çalışır.

Biçime göre dönüştürücüler