svg   45150

« earlier    

SQIP - SVG-based LQIP technique
SVG-based LQIP technique. Image placeholders are a thing: from grey boxes in skeleton screens over boxes that show the predominant color of the image that will later occupy the space and CSS color gradients made from two dominant colors up to actual low quality raster images downscaled to a few pixels, saved in low quality and then blurred to provide a preview of image contents.

Many major players have adopted one of these image placeholder techniques: Guypo incepted LQIP in 2012 and Akamai adopted it as part of their image optimization tools, Google started using colored placeholders a long time ago, Facebook, Pinterest and Medium made a significant impact with their LQIP implementations and the most popular JS libraries for responsive images include LQIP implementations.
graphics  opensource  JS  svg  web-fx  performance 
21 hours ago by liqweed
PNG in SVG Umwandeln (Online & Kostenlos) — Convertio
Convertio — Einfaches Tool für die Online-Konvertierung von PNG- in SVG-Dateien. Für mac & windows. Kein Download erforderlich.
grafik  svg  konverter  bild 
yesterday by syrabo
Iconbros
Free and continuously growing high quality icons
design  icons  free  resources  development  svg  icon 
2 days ago by braposo
Using SVG as placeholders 
Image-loading techniques with SVG placeholders
svg  placeholders  images  webdev 
2 days ago by angusm
How to use SVG as a Placeholder, and Other Image Loading Techniques
How to use SVG as a Placeholder, and Other Image Loading Techniques
frontend  image  images  svg 
2 days ago by kerolic
Primitive for macOS
Recreate your photos with vector-based geometric primitives.
art  graphics  photo  svg 
2 days ago by kerolic
svgson
Transform svg files to json notation
svg  webdev 
2 days ago by jklapinski

« earlier    

related tags

2017  284  2off2  accessibility  animation  art  article  bild  blur  brands  build  canvas  chart  charts  coding  compression  conference  convert  css-tricks  css  css_images  css_svg  d3.js  d3  design  dev  development  effects  encode  eot  font  format  free  front-end  frontend  grafik  graphicdesign  graphics  guide  howto  html  icon  icons  illustrator  image  imageprocessing  images  imaging  indicator  inkscape  issue  javascript  js  konverter  lasercutter  lazy  lib  library  load  loader  loading  logo  newslettered  node  opensource  optimization  otf  pattern  patterns  performance  photo  photography  php  placeholder  placeholders  plugin  preload  progress  progressive  pwa  react  resources  responsive  skeleton  sketch  socialmedia  sqip  styleguidist  technique  techniques  tool  tools  tooltips  tr-2017-11  try  ttf  tutorial  type  typeface  vector  video  visual  web-fx  web  webdesign  webdev  webfont  webpack  woff 

Copy this bookmark:



description:


tags: