you can do a datauri of an svg of an emoji, even simpler
November 7, 2024 at 11:10 PM
you can do a datauri of an svg of an emoji, even simpler
ℹ️ mnya.tw/about/log/
【公告】萌芽開發之開發工具新增四項功能
發布編號：532 - 發佈日期：2025-06-17
#公告 #萌芽開發 #開發工具 #新增 #四項功能 #Bcrypt雜湊產生器 #Bcrypt #雜湊 #產生器 #常用單向雜湊產生器 #單向雜湊 #檔案網址轉DataURI #DataURI #地理座標轉GPX #地理座標 #GPX
【公告】萌芽開發之開發工具新增四項功能
發布編號：532 - 發佈日期：2025-06-17
#公告 #萌芽開發 #開發工具 #新增 #四項功能 #Bcrypt雜湊產生器 #Bcrypt #雜湊 #產生器 #常用單向雜湊產生器 #單向雜湊 #檔案網址轉DataURI #DataURI #地理座標轉GPX #地理座標 #GPX
June 17, 2025 at 1:28 AM
ℹ️ mnya.tw/about/log/
【公告】萌芽開發之開發工具新增四項功能
發布編號：532 - 發佈日期：2025-06-17
#公告 #萌芽開發 #開發工具 #新增 #四項功能 #Bcrypt雜湊產生器 #Bcrypt #雜湊 #產生器 #常用單向雜湊產生器 #單向雜湊 #檔案網址轉DataURI #DataURI #地理座標轉GPX #地理座標 #GPX
【公告】萌芽開發之開發工具新增四項功能
發布編號：532 - 發佈日期：2025-06-17
#公告 #萌芽開發 #開發工具 #新增 #四項功能 #Bcrypt雜湊產生器 #Bcrypt #雜湊 #產生器 #常用單向雜湊產生器 #單向雜湊 #檔案網址轉DataURI #DataURI #地理座標轉GPX #地理座標 #GPX
Data URI Generator
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageToBase64 #WebDevTools #CSSImages #Base64Converter
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageToBase64 #WebDevTools #CSSImages #Base64Converter
Data URI Generator
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
webby.tools
April 26, 2026 at 8:20 PM
Data URI Generator
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageToBase64 #WebDevTools #CSSImages #Base64Converter
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageToBase64 #WebDevTools #CSSImages #Base64Converter
Need to optimise your code at every step, getting read of all you can.
First things first, using this website to turn your svg into a dataURI in base 64, and then pasting the code in a browser's address bar, try to see if it still works well 🥂
www.svgviewer.dev/svg-to-data-...
First things first, using this website to turn your svg into a dataURI in base 64, and then pasting the code in a browser's address bar, try to see if it still works well 🥂
www.svgviewer.dev/svg-to-data-...
Convert SVG to Data URI - SVG Viewer
Convert SVG to Data URI online.
www.svgviewer.dev
January 22, 2025 at 10:54 AM
Need to optimise your code at every step, getting read of all you can.
First things first, using this website to turn your svg into a dataURI in base 64, and then pasting the code in a browser's address bar, try to see if it still works well 🥂
www.svgviewer.dev/svg-to-data-...
First things first, using this website to turn your svg into a dataURI in base 64, and then pasting the code in a browser's address bar, try to see if it still works well 🥂
www.svgviewer.dev/svg-to-data-...
Yes, wonder if it should be a different attribute name though — placeholder or poster or similar
Would be good if browsers could support blurhash or similar natively so we could use it as a datauri but that’s kinda a separate conversation
Would be good if browsers could support blurhash or similar natively so we could use it as a datauri but that’s kinda a separate conversation
June 9, 2025 at 4:54 PM
Yes, wonder if it should be a different attribute name though — placeholder or poster or similar
Would be good if browsers could support blurhash or similar natively so we could use it as a datauri but that’s kinda a separate conversation
Would be good if browsers could support blurhash or similar natively so we could use it as a datauri but that’s kinda a separate conversation
Szervizben várakoztam, közben játszottam egy kicsit az AI-jal:
linkbroker.hu/stuff/peace....
Egy darab HTML file, a képek direkt benne vannak, így el lehet küldeni emailben is, bár egy kicsit nagy.
Képek: Deepseek
Webapp: Claude
JPG-to-DataUri konverter: Claude
linkbroker.hu/stuff/peace....
Egy darab HTML file, a képek direkt benne vannak, így el lehet küldeni emailben is, bár egy kicsit nagy.
Képek: Deepseek
Webapp: Claude
JPG-to-DataUri konverter: Claude
The Faces of Peace (AI generated)
linkbroker.hu
October 21, 2025 at 2:31 PM
Szervizben várakoztam, közben játszottam egy kicsit az AI-jal:
linkbroker.hu/stuff/peace....
Egy darab HTML file, a képek direkt benne vannak, így el lehet küldeni emailben is, bár egy kicsit nagy.
Képek: Deepseek
Webapp: Claude
JPG-to-DataUri konverter: Claude
linkbroker.hu/stuff/peace....
Egy darab HTML file, a képek direkt benne vannak, így el lehet küldeni emailben is, bár egy kicsit nagy.
Képek: Deepseek
Webapp: Claude
JPG-to-DataUri konverter: Claude
現在こんなUI、かわいさUP
ただ問題に直面している。
ブラウザにSOP（同一生成元ポリシー）なるものがあってCanvasに他オリジンから持ってきた画像が含まれてるとDataUriに変換できないという仕様。（と自分は理解した、間違ってたら教えてください）
なので、オリジンを自分のサーバにすれば回避できる気がする
1: 画像そのものを自サーバに保存
2: サーバで画像をbase64変換し保存
2を選ぼうかなと思ってる
ただ問題に直面している。
ブラウザにSOP（同一生成元ポリシー）なるものがあってCanvasに他オリジンから持ってきた画像が含まれてるとDataUriに変換できないという仕様。（と自分は理解した、間違ってたら教えてください）
なので、オリジンを自分のサーバにすれば回避できる気がする
1: 画像そのものを自サーバに保存
2: サーバで画像をbase64変換し保存
2を選ぼうかなと思ってる
March 2, 2024 at 1:52 PM
現在こんなUI、かわいさUP
ただ問題に直面している。
ブラウザにSOP（同一生成元ポリシー）なるものがあってCanvasに他オリジンから持ってきた画像が含まれてるとDataUriに変換できないという仕様。（と自分は理解した、間違ってたら教えてください）
なので、オリジンを自分のサーバにすれば回避できる気がする
1: 画像そのものを自サーバに保存
2: サーバで画像をbase64変換し保存
2を選ぼうかなと思ってる
ただ問題に直面している。
ブラウザにSOP（同一生成元ポリシー）なるものがあってCanvasに他オリジンから持ってきた画像が含まれてるとDataUriに変換できないという仕様。（と自分は理解した、間違ってたら教えてください）
なので、オリジンを自分のサーバにすれば回避できる気がする
1: 画像そのものを自サーバに保存
2: サーバで画像をbase64変換し保存
2を選ぼうかなと思ってる
New Video Alert! Check out my latest video - Power Automate Expressions How To: dataURI https://youtu.be/QPmoqP2i53M
Power Automate Expressions How To: dataURI
youtu.be
January 1, 2025 at 12:07 AM
New Video Alert! Check out my latest video - Power Automate Expressions How To: dataURI https://youtu.be/QPmoqP2i53M
From my blog archives....
Function Friday: Binary, DataUri, UriComponent, and Base64 Conversion Functions
Function Friday: Binary, DataUri, UriComponent, and Base64 Conversion Functions
May 5, 2025 at 4:00 PM
From my blog archives....
Function Friday: Binary, DataUri, UriComponent, and Base64 Conversion Functions
Function Friday: Binary, DataUri, UriComponent, and Base64 Conversion Functions
Spent the afternoon trying to figure out why Chrome wraps a <pre> inside a <foreignObject> at a different point when the SVG is used as <img> src (datauri)versus when that same SVG is appended to the body.
Still don’t know.
Adding 0.01 pixels to the width of the <pre> somehow fixes it. 🫣
Still don’t know.
Adding 0.01 pixels to the width of the <pre> somehow fixes it. 🫣
May 31, 2023 at 3:51 PM
Spent the afternoon trying to figure out why Chrome wraps a <pre> inside a <foreignObject> at a different point when the SVG is used as <img> src (datauri)versus when that same SVG is appended to the body.
Still don’t know.
Adding 0.01 pixels to the width of the <pre> somehow fixes it. 🫣
Still don’t know.
Adding 0.01 pixels to the width of the <pre> somehow fixes it. 🫣
Just read the CLI flag `--datauri` as "da tauri" instead of "data uri" 😂 Guess I got @tauri.app on my brain.
February 19, 2025 at 9:12 PM
Just read the CLI flag `--datauri` as "da tauri" instead of "data uri" 😂 Guess I got @tauri.app on my brain.
New Video Alert! Check out my latest video - Power Automate Expressions How To: dataURI https://youtu.be/QPmoqP2i53M
Power Automate Expressions How To: dataURI
youtu.be
December 29, 2024 at 8:31 PM
New Video Alert! Check out my latest video - Power Automate Expressions How To: dataURI https://youtu.be/QPmoqP2i53M
New Video Alert! Check out my latest video - Power Automate Expressions How To: dataURI https://youtu.be/QPmoqP2i53M
Power Automate Expressions How To: dataURI
youtu.be
December 17, 2024 at 10:22 PM
New Video Alert! Check out my latest video - Power Automate Expressions How To: dataURI https://youtu.be/QPmoqP2i53M
New Video Alert! Check out my latest video - Power Automate Expressions How To: dataURI https://youtu.be/QPmoqP2i53M
Power Automate Expressions How To: dataURI
youtu.be
December 16, 2024 at 10:19 PM
New Video Alert! Check out my latest video - Power Automate Expressions How To: dataURI https://youtu.be/QPmoqP2i53M
New Video Alert! Check out my latest video - Power Automate Expressions How To: dataURI https://youtu.be/QPmoqP2i53M
Power Automate Expressions How To: dataURI
youtu.be
December 1, 2024 at 9:16 PM
New Video Alert! Check out my latest video - Power Automate Expressions How To: dataURI https://youtu.be/QPmoqP2i53M
August 10, 2025 at 10:59 AM
🟠 SVG Viewer is an online tool to view, edit and optimize SVGs.
#svg #svgtool #svgeditor #svgviewer #svgtojsx #svgtoreact #svgtoreactnative #svgOptimize #rotatesvg #resizesvg #dataURI
www.svgviewer.dev
#svg #svgtool #svgeditor #svgviewer #svgtojsx #svgtoreact #svgtoreactnative #svgOptimize #rotatesvg #resizesvg #dataURI
www.svgviewer.dev
May 1, 2024 at 11:39 PM
🟠 SVG Viewer is an online tool to view, edit and optimize SVGs.
#svg #svgtool #svgeditor #svgviewer #svgtojsx #svgtoreact #svgtoreactnative #svgOptimize #rotatesvg #resizesvg #dataURI
www.svgviewer.dev
#svg #svgtool #svgeditor #svgviewer #svgtojsx #svgtoreact #svgtoreactnative #svgOptimize #rotatesvg #resizesvg #dataURI
www.svgviewer.dev
できた！
というか公式ドキュメントのこれ、明らかにミスリードでは。。これだけ見ると『base64encoded dataURI の文字列をUInt8Arrayに変換してuploadBlobに指定する』ように見えるけど、実際は画像データのArrayBufferをUInt8Arrayに変換してやるだけだった。
"const thumbnail = 'data:image/png;base64,...'" がなければここまで手こずらなかったと思う。(stringも引数に受け付けるから、base64encoded dataURIでもいけそうに見えるんだよね...)
というか公式ドキュメントのこれ、明らかにミスリードでは。。これだけ見ると『base64encoded dataURI の文字列をUInt8Arrayに変換してuploadBlobに指定する』ように見えるけど、実際は画像データのArrayBufferをUInt8Arrayに変換してやるだけだった。
"const thumbnail = 'data:image/png;base64,...'" がなければここまで手こずらなかったと思う。(stringも引数に受け付けるから、base64encoded dataURIでもいけそうに見えるんだよね...)
February 10, 2024 at 12:35 PM
できた！
というか公式ドキュメントのこれ、明らかにミスリードでは。。これだけ見ると『base64encoded dataURI の文字列をUInt8Arrayに変換してuploadBlobに指定する』ように見えるけど、実際は画像データのArrayBufferをUInt8Arrayに変換してやるだけだった。
"const thumbnail = 'data:image/png;base64,...'" がなければここまで手こずらなかったと思う。(stringも引数に受け付けるから、base64encoded dataURIでもいけそうに見えるんだよね...)
というか公式ドキュメントのこれ、明らかにミスリードでは。。これだけ見ると『base64encoded dataURI の文字列をUInt8Arrayに変換してuploadBlobに指定する』ように見えるけど、実際は画像データのArrayBufferをUInt8Arrayに変換してやるだけだった。
"const thumbnail = 'data:image/png;base64,...'" がなければここまで手こずらなかったと思う。(stringも引数に受け付けるから、base64encoded dataURIでもいけそうに見えるんだよね...)
Data URI Generator
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageConverter #WebDevelopmentTools #CSSGenerator #WebPerformanceOptimization
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageConverter #WebDevelopmentTools #CSSGenerator #WebPerformanceOptimization
Data URI Generator
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
webby.tools
April 12, 2026 at 3:20 AM
Data URI Generator
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageConverter #WebDevelopmentTools #CSSGenerator #WebPerformanceOptimization
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageConverter #WebDevelopmentTools #CSSGenerator #WebPerformanceOptimization
Data URI Generator
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageToBase64 #WebDevelopmentTools #CSSVariables #WebDesignResources
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageToBase64 #WebDevelopmentTools #CSSVariables #WebDesignResources
Data URI Generator
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
webby.tools
April 2, 2026 at 5:20 PM
Data URI Generator
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageToBase64 #WebDevelopmentTools #CSSVariables #WebDesignResources
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageToBase64 #WebDevelopmentTools #CSSVariables #WebDesignResources
Data URI Generator
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageToBase64 #CSSImages #WebDevelopmentTools #OnlineImageConverter
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageToBase64 #CSSImages #WebDevelopmentTools #OnlineImageConverter
Data URI Generator
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
webby.tools
March 29, 2026 at 12:20 PM
Data URI Generator
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageToBase64 #CSSImages #WebDevelopmentTools #OnlineImageConverter
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageToBase64 #CSSImages #WebDevelopmentTools #OnlineImageConverter
Data URI Generator
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageToBase64 #WebDevelopmentTools #CSSVariables #BrowserCompatibility
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageToBase64 #WebDevelopmentTools #CSSVariables #BrowserCompatibility
Data URI Generator
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
webby.tools
March 27, 2026 at 12:20 PM
Data URI Generator
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageToBase64 #WebDevelopmentTools #CSSVariables #BrowserCompatibility
Convert images to data URIs instantly. Drag and drop PNG, JPG, GIF, SVG, or WebP images to generate base64-encoded data URIs for embedding in CSS, HTML, or JavaScript.
#DataURI #ImageToBase64 #WebDevelopmentTools #CSSVariables #BrowserCompatibility
Very Low Tech Animated New Years' Greeting
#NewYearsDay #Base64 #DataURI #Animation #Silly #SelfContained #Hostless #Html #Ascii #POC
assembled by yrs truly; an experiment.
http://faustsstudy.blogspot.com/2018/01/new-years-day-base64-text-based-self.html
#NewYearsDay #Base64 #DataURI #Animation #Silly #SelfContained #Hostless #Html #Ascii #POC
assembled by yrs truly; an experiment.
http://faustsstudy.blogspot.com/2018/01/new-years-day-base64-text-based-self.html
New Year's Day Base64 Text Based Self-Contained Hostless Ascii Animation
faustsstudy.blogspot.com
April 14, 2025 at 12:58 AM
Very Low Tech Animated New Years' Greeting
#NewYearsDay #Base64 #DataURI #Animation #Silly #SelfContained #Hostless #Html #Ascii #POC
assembled by yrs truly; an experiment.
http://faustsstudy.blogspot.com/2018/01/new-years-day-base64-text-based-self.html
#NewYearsDay #Base64 #DataURI #Animation #Silly #SelfContained #Hostless #Html #Ascii #POC
assembled by yrs truly; an experiment.
http://faustsstudy.blogspot.com/2018/01/new-years-day-base64-text-based-self.html
3/
... within the page source. #caniuse reports 97% coverage (caniuse.com/datauri ) and MDN marks them in their baseline classification as "Widely available".
The syntax is `data:[][;base64],`.
... within the page source. #caniuse reports 97% coverage (caniuse.com/datauri ) and MDN marks them in their baseline classification as "Widely available".
The syntax is `data:[
Data URIs | Can I use... Support tables for HTML5, CSS3, etc
caniuse.com
May 29, 2025 at 9:05 AM
3/
... within the page source. #caniuse reports 97% coverage (caniuse.com/datauri ) and MDN marks them in their baseline classification as "Widely available".
The syntax is `data:[][;base64],`.
... within the page source. #caniuse reports 97% coverage (caniuse.com/datauri ) and MDN marks them in their baseline classification as "Widely available".
The syntax is `data:[