#SVG

Taha Shashtaritahazsh@fosstodon.org
2026-03-11

I was working on something that needed connecting nodes with edges. Turns out SVG is perfect for this, one <path> element per edge. 👌

#webDev #javascript #svg #programming

2026-03-11

Un convertisseur d'images type PNG ou JPG en SVG qui semble offrir de bons résultats.

🔗 svgconverter.online/

#conversion #SVG #image

Веб-стандартыwebstandards_ru
2026-03-11

SVG в вебе: сравнение скорости в зависимости от способа загрузки. Джоан Леон сравнивает пять методов и то, как каждый влияет на кеширование, запросы и рендеринг: инлайн <svg>, <img>, <object>, CSS-фон и спрайты с <use>. Главный анти-паттерн: встраивание растровых изображений в base64 внутри SVG увеличивает размер файла на 33% и блокирует рендеринг.

joanleon.dev/en/svg-optimizati

Заголовок «SVGs on the web: performance comparison based on how you load them», автор Joan León, фрагменты кода и таблица сравнения пяти методов загрузки SVG.
2026-03-11

Love inkscape, but losing my mind trying to get the Connector tool to snap to edges of a shape rather than the centre. I suspect it might be impossible!

Other tools have multiple places around the edges (say of a circle) where a connector can snap to.

Any tricks?

😔

#inkscape #svg #connectors

Soft & Appssoft_apps
2026-03-10

Crear códigos gratis sigue siendo de lo más útil para webs, carteles o tarjetas. 📱

Esta herramienta te deja generar QR para enlaces, texto, SMS o contactos en segundos.

Además, puedes descargarlos en , PNG y más formatos.

➡️ softandapps.info/2026/03/10/cr

Joan Rodriguez (@joanrod_ai)

대다수 AI 이미지 도구가 픽셀을 생성하는 현재와 달리, 트윗은 미래는 'visual code'라며 AI가 래스터 이미지 대신 SVG를 생성하면 자산이 프로그래머블해진다고 제안합니다. 그 결과 편집 가능한 도형, 스타일 제어, 무한 변형, 적은 컨트롤 포인트로 쉬운 편집 및 직접 사용이 가능해진다는 점을 강조합니다.

x.com/joanrod_ai/status/203128

#svg #generativeai #vectorgraphics #visualcode #designtools

Web Standardswebstandards_dev
2026-03-10

SVGs on the web: performance comparison based on how you load them. @nucliweb compares five loading methods and how each affects caching, requests, and rendering: inline <svg>, <img>, <object>, CSS background, and sprites with <use>. A key anti-pattern: embedding raster images as base64 inside SVGs increases file size by 33% and blocks rendering.

joanleon.dev/en/svg-optimizati

Title “SVGs on the web: performance comparison based on how you load them”, author Joan León, code snippets, and a table comparing five SVG loading methods.
nereikianereikia
2026-03-09

truputį nesuprantu kodėl ir dauguma kitų korporacinių mail klientų skipina kodą iš html laiškų, nes neva tai ne secure, bet kodą palaiko (bent jau gmail — ką tik patikrinau). ir ten, ir ten yra simboliais aprašyti pikseliai. lygiai taip pat saugu arba nesaugu. ar čia iš serijos: ne mūsų formatas tai ir užsipiskit.

Cusy Design SystemCusyDesign
2026-03-09

Mehrsprachige SVGs erleichtern die Wartung und Pflege von Datenvisualisierungen erheblich. Danke an @scy für den Hinweis. cusy.design/viz/diagram-anatom

Client Info

Server: https://mastodon.social
Version: 2025.07
Repository: https://github.com/cyevgeniy/lmst