SVG naar Base64-encoder

Converteer SVG-vectorafbeeldingen naar Base64-codering, ondersteunt batchverwerking en kan direct in HTML en CSS worden ingesloten

Bug melden

Browseruitvoermodus: Je gegevens worden in je browser verwerkt en niet naar de server geüpload.

Snelheid en stabiliteit: De verwerkingssnelheid hangt af van je apparaat en browser. Voor grote batchtaken kan de desktopversie stabieler zijn.

Tool wordt geladen, even geduld...

Als de online tool niet kan laden of uitvoeren, probeer dan de desktoptool. https://tools.yikeaigc.com/

Toolgebruik

Terug naar oude versie

Stel eerst parameters in, importeer daarna SVG en converteer en download in stap 3. Bij batchbestanden worden alleen de eerste 20 voorbeelden getoond; de volledige wachtrij wordt verwerkt.

1Uitvoerinstellingen

Bevestig eerst het uitvoercodetype en de bestandsnaam, ga daarna naar importeren.

Uitvoerformaat

Lange tekst afbreken

ZIP-bestandsnaam

Alt-tekst voor img-tag

CSS-selector

Voorbeeldformaat

Automatisch toevoegen bij ontbrekende xmlns
Verbetert de compatibiliteit bij laden van SVG als afbeeldingsbron. XML-declaratie verwijderen
Verkleint de uitvoer en voorkomt bepaalde problemen met templateparsing. Basiscompressie van SVG-tekst
Verwijdert opmerkingen en witruimte tussen tags zonder de grafische structuur te wijzigen. Resultaatvoorbeeld tonen
Voorbeeld na conversie als afbeelding tonen, zodat SVG-inhoud niet direct wordt uitgevoerd.

Stel bij voorkeur eerst het uitvoerformaat in en verwerk daarna de bestanden.

2Inhoud importeren

Kies een SVG-bestand of plak één SVG-broncode. Bestanden worden niet naar de server geüpload.

Klik om SVG-bestanden te kiezen of sleep ze hierheen Ondersteunt één of meerdere .svg-bestanden; alleen de eerste 20 worden ter controle getoond.

SVG-broncode

3Voorbeeld importeren

Importeer eerst SVG-inhoud.

4Converteren en downloaden

Na verwerking kun je het resultaat kopiëren, losse bestanden downloaden of batchresultaten als ZIP verpakken.

Te verwerken0

Geslaagd0

Mislukt0

Resultaatgrootte0 KB

Controleer of de eerste twee stappen voltooid zijn en klik daarna op converteren.

5Resultaatvoorbeeld en acties per item

Na conversie worden de resultaten hier getoond.

Instructies

Gebruiksinstructies voor de software

Conversieparameters instellen: kies eerst het uitvoerformaat. U kunt een Data URI, een pure Base64-tekenreeks, een HTML img-tag, een CSS background-eigenschap of CSS mask-pictogramcode genereren.
Verwerkingsopties configureren:
- Regelafbreking voor lange tekst: kies geen regelafbreking, of breek af na 76, 120 of 160 tekens.
- xmlns automatisch aanvullen: vult automatisch het xmlns-attribuut aan wanneer dit ontbreekt in het root-element van de SVG, zodat deze gemakkelijker als afbeeldingsbron kan worden weergegeven.
- XML-declaratie verwijderen: verwijdert de XML-declaratie aan het begin van de SVG om problemen bij het parseren van sjablonen te verminderen.
- Basiscompressie: verwijdert opmerkingen en witruimte tussen tags om de uitvoer te verkorten.
SVG-inhoud importeren: kies een of meerdere SVG-bestanden, of schakel over naar de modus voor het plakken van broncode om SVG-code rechtstreeks in te voeren. Bij batchbestanden worden alleen de eerste 20 getoond ter controle; de overige bestanden worden tegelijk verwerkt.
Voorbeeldgegevens gebruiken: klik op “Voorbeeld-SVG laden” of “Voorbeeldbroncode invullen” om snel het conversieresultaat te bekijken.
Conversie starten: klik in de stap “Converteren downloaden” op “Conversie starten”; de tool genereert de bijbehorende Base64- of insluitcode.
Kopiëren en downloaden: na voltooiing van de conversie kunt u afzonderlijke resultaten kopiëren, afzonderlijke tekstbestanden downloaden, alle resultaten kopiëren of een samengevoegd TXT-bestand downloaden. Batchresultaten kunnen als ZIP worden gedownload.
Instellingen opslaan: veelgebruikte uitvoerformaten, ZIP-bestandsnaam, alt-tekst, CSS-selector en verwerkingsopties kunnen worden opgeslagen en bij het volgende openen opnieuw worden gebruikt.

Veelgestelde vragen

Antwoord: U kunt SVG-pictogrammen of vectorafbeeldingen omzetten naar tekstvorm en insluiten in HTML, CSS, configuratiebestanden of pagina’s met één bestand, waardoor verwijzingen naar afzonderlijke resources worden verminderd.

Antwoord: Een Data URI bevat het voorvoegsel data:image/svg+xml;base64, en kan direct als afbeeldingsadres worden gebruikt; pure Base64 bevat alleen de gecodeerde inhoud en is geschikt voor situaties waarin een programma zelf het voorvoegsel toevoegt.

Antwoord: Deze kan worden gebruikt in HTML img-tags, de CSS-eigenschap background-image, CSS mask-pictogrammen, stijlconfiguraties, componentvoorbeelden of codefragmenten in documentatie.

Antwoord: wanneer bij sommige SVG's xmlns ontbreekt, kunnen ze als Data URI-afbeelding abnormaal worden weergegeven. Het toevoegen van xmlns="http://www.w3.org/2000/svg" helpt de compatibiliteit te verbeteren.

Antwoord: nee. Base64 verandert alleen de manier waarop de gegevens worden weergegeven, niet de vectorinhoud van de SVG; bij schalen blijven de vectoreigenschappen behouden.

Antwoord: het resultaatbestand gebruikt de hoofdnaam van het oorspronkelijke SVG-bestand en genereert afhankelijk van het uitvoerformaat een txt-, css- of html-bestand; bij dubbele namen wordt automatisch een nummer toegevoegd om onderscheid te maken.

Antwoord: veelvoorkomende oorzaken zijn onvolledige SVG-code, verwijzingen naar externe bronnen, niet-standaardtags of afhankelijkheden van stijlen. Het wordt aanbevolen om eerst in ontwerpsoftware opnieuw een correcte SVG te exporteren en daarna te converteren.