Nástroje pre vývojárov, po ktorých siahate každý deň, všetky na jednom mieste.

Konvertory, formátovače, hashe, validátory a malé utility, ktoré si stále znova otvárate, zostávajú pokope namiesto toho, aby sa strácali medzi kartami.

GitHub

/ Nástroje

■

/ Vyhľadávač nástrojov

109 nástrojov

/ Obrázok na Base64

Vybrať obrázok

Maximálna veľkosť súboru: 5MB. Podporované formáty: PNG, JPG, GIF, SVG, WebP

/ Vybraný nástroj

■

Obrázok na Base64 - bezplatný konverzný nástroj

Prevádzajte obrázky na Base64 dátové URL pre vloženie do HTML/CSS

■ 01

Čo je kódovanie obrázka do Base64?

Kódovanie Base64 prevádza obrazové súbory na textové reťazce, ktoré je možné vložiť priamo do HTML alebo CSS. Tým sa eliminujú samostatné HTTP požiadavky na obrázky, ale veľkosť súboru sa zvýši približne o 33 %.

■ 02

Ako to funguje?

Kódovanie Base64 prevádza binárne obrazové dáta na ASCII text zoskupením binárnych dát do 6-bitových blokov a namapovaním každého bloku na znak zo sady 64 znakov (A-Z, a-z, 0-9, +, /). Toto kódovanie umožňuje binárnym dátam…

■ 03

Ukážkové prípady

Pokrýva použitie v HTML a použitie v CSS, aby ste mohli rýchlo porovnať bežné vstupy a výstupy.

/ Súvisiace nástroje

/ Kód

■

Zdrojový kód vybraného nástroja, zobrazený tu vedľa živej verzie napravo.

/ Zdrojový kód

TypeScript

typescript

// No npm packages needed - pure Node.js/TypeScript

import * as fs from 'fs';
import * as path from 'path';

interface Base64Result {
  dataUrl: string;
  base64: string;
  mimeType: string;
  originalSize: number;