#datauri — Public Fediverse posts

#Design #Collections
Triple Threat SVG icons · A set of icons in 3 states (normal, hover, and selected) https://ilo.im/162xku

_____
#Icons #SVG #PNG #CSS #DataURI #UiDesign #WebDesign #Development #WebDev #Frontend

#Development #Techniques
Smallest GIF? · Meh, the tiniest data URL is a BMP! https://ilo.im/15zyw2

_____
#Image #ResponsiveImage #DataURI #GIF #WebP #BMP #WebPerf #WebDev #Frontend #HTML

#Development #Techniques
Smallest GIF? · Meh, the tiniest data URL is a BMP! https://ilo.im/15zyw2

_____
#Image #ResponsiveImage #DataURI #GIF #WebP #BMP #WebPerf #WebDev #Frontend #HTML

#Development #Techniques
Smallest GIF? · Meh, the tiniest data URL is a BMP! https://ilo.im/15zyw2

_____
#Image #ResponsiveImage #DataURI #GIF #WebP #BMP #WebPerf #WebDev #Frontend #HTML

#Development #Techniques
Smallest GIF? · Meh, the tiniest data URL is a BMP! https://ilo.im/15zyw2

_____
#Image #ResponsiveImage #DataURI #GIF #WebP #BMP #WebPerf #WebDev #Frontend #HTML

#Design #Launches
SVG Viewer · A tool for editing, optimizing, and converting SVGs https://ilo.im/15yp7k

_____
#SVG #Optimization #Conversion #PNG #DataURI #WebDev #Frontend #JavaScript #TypeScript #React

#Development #Guidances
The truth about encoding SVG in data URIs · Stop worrying and URL-encode only the # character https://ilo.im/15xxxe

_____
#Image #SVG #DataURI #UrlEncoding #WebDev #Frontend #CSS

@BirgyulNier Besonders gerne mag ich die #LineAwesome Bibliothek von #Icons8 - den Macher:innen von #Lunacy 🌟
Eine freiere Nutzung geht kaum, wie ich hier beschrieben habe 🎉👇
https://bildung.social/@trmsc/109420022557664072

Auf GitHub ist die ganze Sammlung als #SVG:
https://github.com/icons8/line-awesome

Toll ist auch diese #CC0-Sammlung - v.a. kann man die #Icons dort u.a. als #DataUri herauskopieren - das ist wie eine Übersetzung des Bildes ohne Abhängigkeiten, die wie ein Link funktioniert 🧙‍♂️👇
https://icones.js.org/collection/cil

#FediLZ

@BirgyulNier Besonders gerne mag ich die #LineAwesome Bibliothek von #Icons8 - den Macher:innen von #Lunacy 🌟
Eine freiere Nutzung geht kaum, wie ich hier beschrieben habe 🎉👇
https://bildung.social/@trmsc/109420022557664072

Auf GitHub ist die ganze Sammlung als #SVG:
https://github.com/icons8/line-awesome

Toll ist auch diese #CC0-Sammlung - v.a. kann man die #Icons dort u.a. als #DataUri herauskopieren - das ist wie eine Übersetzung des Bildes ohne Abhängigkeiten, die wie ein Link funktioniert 🧙‍♂️👇
https://icones.js.org/collection/cil

#FediLZ

@BirgyulNier Besonders gerne mag ich die #LineAwesome Bibliothek von #Icons8 - den Macher:innen von #Lunacy 🌟
Eine freiere Nutzung geht kaum, wie ich hier beschrieben habe 🎉👇
https://bildung.social/@trmsc/109420022557664072

Auf GitHub ist die ganze Sammlung als #SVG:
https://github.com/icons8/line-awesome

Toll ist auch diese #CC0-Sammlung - v.a. kann man die #Icons dort u.a. als #DataUri herauskopieren - das ist wie eine Übersetzung des Bildes ohne Abhängigkeiten, die wie ein Link funktioniert 🧙‍♂️👇
https://icones.js.org/collection/cil

#FediLZ

@BirgyulNier Besonders gerne mag ich die #LineAwesome Bibliothek von #Icons8 - den Macher:innen von #Lunacy 🌟
Eine freiere Nutzung geht kaum, wie ich hier beschrieben habe 🎉👇
https://bildung.social/@trmsc/109420022557664072

Auf GitHub ist die ganze Sammlung als #SVG:
https://github.com/icons8/line-awesome

Toll ist auch diese #CC0-Sammlung - v.a. kann man die #Icons dort u.a. als #DataUri herauskopieren - das ist wie eine Übersetzung des Bildes ohne Abhängigkeiten, die wie ein Link funktioniert 🧙‍♂️👇
https://icones.js.org/collection/cil

#FediLZ

@BirgyulNier Besonders gerne mag ich die #LineAwesome Bibliothek von #Icons8 - den Macher:innen von #Lunacy 🌟
Eine freiere Nutzung geht kaum, wie ich hier beschrieben habe 🎉👇
https://bildung.social/@trmsc/109420022557664072

Auf GitHub ist die ganze Sammlung als #SVG:
https://github.com/icons8/line-awesome

Toll ist auch diese #CC0-Sammlung - v.a. kann man die #Icons dort u.a. als #DataUri herauskopieren - das ist wie eine Übersetzung des Bildes ohne Abhängigkeiten, die wie ein Link funktioniert 🧙‍♂️👇
https://icones.js.org/collection/cil

#FediLZ

@ploum @jeang3nie @alcinnz

One of the ways I imagined on how one could embed an image in #gemtext was with code like this:

=> data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg== The "alt" Text For The Image

Using the gemtext syntax for a link, with a #dataURI .

@jeang3nie @alcinnz

I think there is some resistance in the #Gemini community to image support in Gemtext.

I don't think it is universal. (Some seem to want image support too.)

But there does seem to be some who are against it.

.

I think if one wanted to keep to the rule of one-document-one-download then —

One could embed the image inside the #gemtext file.

For example, base64 encode the image within the file. Could be a #dataURI. Or something else.

Could even use a #sixel .

Quante bestemmie per creare questa macro in #TiddlyWiki per codificare un tiddler come #dataURI #base64

Mi serve per mettere facilmente come src degli iframe contenuto #HTML che scrivo in altri tidder, perché senza prima questa codifica l'HTML plaintext può avere caratteri che causano effetti collaterali in un data URI (come #, usato in CSS)

Continuo a non capirci nulla dei filtri con la sintassi interna di TiddlyWiki, ma almeno sto capendo come usare le API #JS

Non è ottimo, ma è qualcosa 🙂