Bild & Media

Bild & Media — 5 gratis webbläsarbaserade utvecklarverktyg, däribland Base64 Bildkonverterare, Platshållarbildgenerator och OG-bildgenerator. Allt körs lokalt utan registrering eller uppladdning, dina data förblir privata och resultaten visas direkt.

5 verktyg

Base64 BildkonverterareKoda bildfiler (PNG, JPG, GIF, SVG) till Base64-data-URI:er eller avkoda Base64 tillbaka till en visningsbar bild. Förhandsgranska, kopiera och ladda ner utan uppladdning, gratis i webbläsaren.

PlatshållarbildgeneratorPlatshållarbildsgenerator: ange bredd, höjd, bakgrunds- och textfärg och få en dummybild med liveförhandsvisning. Ladda ner direkt för mockuper och layoutprototyper, gratis i webbläsaren.

OG-bildgeneratorOG-bildgenerator för delningsbilder: designa 1200x630 Open Graph-bilder i webbläsaren och exportera som PNG. Perfekt för länkförhandsvisningar på X och Facebook, gratis.

ICO-konverterareICO-konverterare som gör en PNG- eller JPG-bild till ett favicon med flera upplösningar (16x16, 32x32, 48x48). Allt sker lokalt, bilden laddas aldrig upp.

SVG-optimerareGratis online SVG-optimerare som tar bort onödig metadata, kommentarer och blanksteg för att minska filstorleken. Städa upp din SVG i webbläsaren och ladda ner resultatet.

Så använder du

1
Släpp bilden i verktyget— Filen läses i webbläsaren med FileReader-API:et, så bilden bearbetas i fliken och ingen uppladdning lämnar din dator.
2
Konvertera eller krymp— Gör en .ico-favicon med flera storlekar av en PNG eller JPG, koda en bild som Base64-data-URI, eller kör en SVG genom optimeraren för att rensa editormetadata och korta ned banor.
3
Ladda ner filen eller klistra in den inline— Spara resultatet, eller kopiera data-URI:n rakt in i din CSS eller HTML; OG-bild- och platshållargeneratorerna tar fram den grafik sidan fortfarande saknar.

Vanliga frågor

Nej. Filen läses med FileReader och bearbetas på en canvas i din webbläsare, så inget skickas i väg. Det gäller ICO-omvandlaren, Base64-bildomvandlaren och SVG-optimeraren lika mycket.

1200x630 pixlar, alltså förhållandet 1,91:1, eftersom det är så Facebook, X och de flesta meddelandeappar beskär. OG-bildgeneratorn utgår från exakt den ytan, och en fil kring eller under 1 MB undviker timeout hos långsammare crawlers.

För små resurser — ikoner och pyttesmå logotyper på några kilobyte — där den sparade HTTP-förfrågan väger tyngre än de dryga 33 procent extra som Base64 kostar. Större bilder mår bättre som filer, så att webbläsaren kan cacha dem separat och ladda dem lat.