Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Collections" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Collections</span></a><br>Triple Threat SVG icons · A set of icons in 3 states (normal, hover, and selected) <a href="https://ilo.im/162xku" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162xku</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Icons" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Icons</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/PNG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PNG</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/DataURI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DataURI</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a></p>
mastodon.online is one of the many independent Mastodon servers you can use to participate in the fediverse.
A newer server operated by the Mastodon gGmbH non-profit
Administered by:
Server stats:
10Kactive users
mastodon.online: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.4.0-nightly.2025-04-15
#dataURI
0 posts · 0 participants · 0 posts today
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Techniques" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Techniques</span></a><br>Smallest GIF? · Meh, the tiniest data URL is a BMP! <a href="https://ilo.im/15zyw2" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/15zyw2</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Image" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Image</span></a> <a href="https://mastodon.social/tags/ResponsiveImage" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ResponsiveImage</span></a> <a href="https://mastodon.social/tags/DataURI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DataURI</span></a> <a href="https://mastodon.social/tags/GIF" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>GIF</span></a> <a href="https://mastodon.social/tags/WebP" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebP</span></a> <a href="https://mastodon.social/tags/BMP" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>BMP</span></a> <a href="https://mastodon.social/tags/WebPerf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebPerf</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a></p>
pablolarah<p>🟠 SVG Viewer is an online tool to view, edit and optimize SVGs.<br><a href="https://mastodon.social/tags/svg" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svg</span></a> <a href="https://mastodon.social/tags/svgtool" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgtool</span></a> <a href="https://mastodon.social/tags/svgeditor" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgeditor</span></a> <a href="https://mastodon.social/tags/svgviewer" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgviewer</span></a> <a href="https://mastodon.social/tags/svgtojsx" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgtojsx</span></a> <a href="https://mastodon.social/tags/svgtoreact" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgtoreact</span></a> <a href="https://mastodon.social/tags/svgtoreactnative" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgtoreactnative</span></a> <a href="https://mastodon.social/tags/svgOptimize" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgOptimize</span></a> <a href="https://mastodon.social/tags/rotatesvg" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>rotatesvg</span></a> <a href="https://mastodon.social/tags/resizesvg" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>resizesvg</span></a> <a href="https://mastodon.social/tags/dataURI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dataURI</span></a> </p><p><a href="https://www.svgviewer.dev/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">svgviewer.dev/</span><span class="invisible"></span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Launches" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Launches</span></a><br>SVG Viewer · A tool for editing, optimizing, and converting SVGs <a href="https://ilo.im/15yp7k" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/15yp7k</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/Optimization" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Optimization</span></a> <a href="https://mastodon.social/tags/Conversion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Conversion</span></a> <a href="https://mastodon.social/tags/PNG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>PNG</span></a> <a href="https://mastodon.social/tags/DataURI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DataURI</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/TypeScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TypeScript</span></a> <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Guidances" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Guidances</span></a><br>The truth about encoding SVG in data URIs · Stop worrying and URL-encode only the # character <a href="https://ilo.im/15xxxe" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/15xxxe</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Image" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Image</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/DataURI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DataURI</span></a> <a href="https://mastodon.social/tags/UrlEncoding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UrlEncoding</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a></p>
Stefan TRMSC | eduBW<p><span class="h-card"><a href="https://bildung.social/@BirgyulNier" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>BirgyulNier</span></a></span> Besonders gerne mag ich die <a href="https://bildung.social/tags/LineAwesome" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LineAwesome</span></a> Bibliothek von <a href="https://bildung.social/tags/Icons8" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Icons8</span></a> - den Macher:innen von <a href="https://bildung.social/tags/Lunacy" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Lunacy</span></a> 🌟 <br>Eine freiere Nutzung geht kaum, wie ich hier beschrieben habe 🎉👇<br><a href="https://bildung.social/@trmsc/109420022557664072" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="ellipsis">bildung.social/@trmsc/10942002</span><span class="invisible">2557664072</span></a></p><p>Auf GitHub ist die ganze Sammlung als <a href="https://bildung.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a>:<br><a href="https://github.com/icons8/line-awesome" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="">github.com/icons8/line-awesome</span><span class="invisible"></span></a></p><p>Toll ist auch diese <a href="https://bildung.social/tags/CC0" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CC0</span></a>-Sammlung - v.a. kann man die <a href="https://bildung.social/tags/Icons" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Icons</span></a> dort u.a. als <a href="https://bildung.social/tags/DataUri" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DataUri</span></a> herauskopieren - das ist wie eine Übersetzung des Bildes ohne Abhängigkeiten, die wie ein Link funktioniert 🧙♂️👇<br><a href="https://icones.js.org/collection/cil" rel="nofollow noopener" target="_blank"><span class="invisible">https://</span><span class="">icones.js.org/collection/cil</span><span class="invisible"></span></a></p><p><a href="https://bildung.social/tags/FediLZ" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FediLZ</span></a></p>
@reiver ⊼ (Charles) :batman:<p><span class="h-card"><a href="https://mamot.fr/@ploum" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>ploum</span></a></span> <span class="h-card"><a href="https://social.linux.pizza/@jeang3nie" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>jeang3nie</span></a></span> <span class="h-card"><a href="https://floss.social/@alcinnz" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>alcinnz</span></a></span> </p><p>One of the ways I imagined on how one could embed an image in <a href="https://mastodon.social/tags/gemtext" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gemtext</span></a> was with code like this:</p><p>=> data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg== The "alt" Text For The Image</p><p>Using the gemtext syntax for a link, with a <a href="https://mastodon.social/tags/dataURI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dataURI</span></a> .</p>
@reiver ⊼ (Charles) :batman:<p><span class="h-card"><a href="https://social.linux.pizza/@jeang3nie" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>jeang3nie</span></a></span> <span class="h-card"><a href="https://floss.social/@alcinnz" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>alcinnz</span></a></span> </p><p>I think there is some resistance in the <a href="https://mastodon.social/tags/Gemini" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Gemini</span></a> community to image support in Gemtext.</p><p>I don't think it is universal. (Some seem to want image support too.)</p><p>But there does seem to be some who are against it.</p><p>.</p><p>I think if one wanted to keep to the rule of one-document-one-download then —</p><p>One could embed the image inside the <a href="https://mastodon.social/tags/gemtext" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gemtext</span></a> file.</p><p>For example, base64 encode the image within the file. Could be a <a href="https://mastodon.social/tags/dataURI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dataURI</span></a>. Or something else.</p><p>Could even use a <a href="https://mastodon.social/tags/sixel" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>sixel</span></a> .</p>
✨ Andrea :linux: :raspberrypi:<p>Quante bestemmie per creare questa macro in <a href="https://mastodon.uno/tags/TiddlyWiki" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TiddlyWiki</span></a> per codificare un tiddler come <a href="https://mastodon.uno/tags/dataURI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dataURI</span></a> <a href="https://mastodon.uno/tags/base64" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>base64</span></a></p><p>Mi serve per mettere facilmente come src degli iframe contenuto <a href="https://mastodon.uno/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> 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)</p><p>Continuo a non capirci nulla dei filtri con la sintassi interna di TiddlyWiki, ma almeno sto capendo come usare le API <a href="https://mastodon.uno/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JS</span></a></p><p>Non è ottimo, ma è qualcosa 🙂</p>
ExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
LoginDrag & drop to upload