Images done right: Web graphics, good to the last byte — Martian Chronicles, Evil Martians’ team blog


69 bookmarks. First posted by FTS 16 days ago.


fairly in-depth look at image formats for the web and best compression techniques for performance and quality
webdesign  web  design  image  img  jpg  webp  png  svg  compression  performance  graphics  format  optimisation  optimise  vector  raster 
yesterday by piperh
Start taking graphics on the web seriously and boost your applications’ performance by learning the essentials about image formats, both modern and old-school. Dig into SVGs and adopt the latest and greatest tools to optimize your graphical content: both vector and raster. Study the theory behind digital images and how humans perceive them—to improve the experience for your users.
images  graphics  optimization  webdev  svg 
2 days ago by cothrun
Start taking graphics on the web seriously and boost your applications’ performance by learning the essentials about image formats, both modern and old-school. Dig into SVGs and adopt the latest and greatest tools to optimize your graphical content: both vector and raster. Study the theory behind digital images and how humans perceive them—to improve the experience for your users.
fridayfrontend  images  optimization  performance  svg 
3 days ago by spaceninja
Start taking graphics on the web seriously and boost your applications’ performance by learning the essentials about image formats, both modern and old-school. Dig into SVGs and adopt the latest and greatest tools to optimize your graphical content: both vector and raster. Study the theory behind digital images and how humans perceive them—to improve the experience for your users.
web 
6 days ago by prcleary
Start taking graphics on the web seriously and boost your applications' performance by learning the essentials about digital image formats.
7 days ago by mehul
Start taking graphics on the web seriously and boost your applications’ performance by learning the essentials about image formats, both modern and old-school.…
from instapaper
7 days ago by adamlogic
Images done right: Web graphics, good to the last byte — Martian Chronicles via Instapaper https://ift.tt/2pNKYnv
IFTTT  Instapaper 
7 days ago by bishbashbosh
Images done right: Web graphics, good to the last byte — Martian Chronicles, Evil Martians’ team blog
from twitter
9 days ago by jackysee
Start taking graphics on the web seriously and boost your applications’ performance by learning the essentials about image formats, both modern and old-school. Dig into SVGs and adopt the latest and greatest tools to optimize your graphical content: both vector and raster. Study the theory behind digital images and how humans perceive them—to improve the experience for your users.
optimization  images  graphics  compression  photos  article  performance  expert  Webdesign 
12 days ago by gwippich
Start taking graphics on the web seriously and boost your applications' performance by learning the essentials about digital image formats.
12 days ago by jorgemir
Overview of image use on the web.
graphics  images  optimization  webdev  intros 
12 days ago by angusm
👉🏻 “Images done right: Web graphics, good to the last byte”

🔗
from twitter
12 days ago by codepo8
The other day I was explaining a lot of this stuff to someone who was sending me 15mb PNG's of photographs... ugh, and had I not been checking at the time these would likely have made it onto a site. Images are one thing you have a LOT of control over so please make them as teeny tiny as you can get them.
tutorial  381  newslettered 
13 days ago by justinavery
Start taking graphics on the web seriously and boost your applications' performance by learning the essentials about digital image formats.
images  graphics 
14 days ago by geetarista
Start taking graphics on the web seriously and boost your applications’ performance by learning the essentials about image formats, both modern and old-school. Dig into SVGs and adopt the latest and greatest tools to optimize your graphical content: both vector and raster. Study the theory behind digital images and how humans perceive them
webdev  sitespeed 
15 days ago by 1luke2
Choose the right format and optimize it. There is so much web bloat because people don't incorporate these steps in their process.
Images  Web  Optimization  JPEG  GIF  PNG  SVG  AVC  AV1  Video  WebP 
15 days ago by Membranophonist
Start taking graphics on the web seriously and boost your applications' performance by learning the essentials about digital image formats.
s 
16 days ago by igorette
Start taking graphics on the web seriously and boost your applications’ performance by learning the essentials about image formats, both modern and old-school. Dig into SVGs and adopt the latest and greatest tools to optimize your graphical content: both vector and raster. Study the theory behind digital images and how humans perceive them—to improve the experience for your users.
images  imagemanipulation  web  development  optimization 
16 days ago by jeromegamez
Start taking graphics on the web seriously and boost your applications’ performance by learning the essentials about image formats, both modern and old-school.…
from instapaper
16 days ago by jamies
Start taking graphics on the web seriously and boost your applications’ performance by learning the essentials about image formats, both modern and old-school. Dig into SVGs and adopt the latest and greatest tools to optimize your graphical content: both vector and raster. Study the theory behind digital images and how humans perceive them—to improve the experience for your users.
Web  HTML  CSS  JavaScript 
16 days ago by mfernando
Start taking graphics on the web seriously and boost your applications’ performance by learning the essentials about image formats, both modern and old-school.…
from instapaper
16 days ago by marcinignac
good guide to drill into front end devs
graphics  compression  images  optimization  webdev  reference  tutorial  code  svg  vector 
16 days ago by inrgbwetrust
Start taking graphics on the web seriously and boost your applications' performance by learning the essentials about digital image formats.
best  graphics  images  optimization  web  bildformat  design  encoding  ln  practices 
16 days ago by spdaly
in ImageMagic several years
ln 
16 days ago by dom
Start taking graphics on the web seriously and boost your applications' performance by learning the essentials about digital image formats.
16 days ago by yehosef
Web Graphics Done Right (cmts )
from twitter_favs
16 days ago by rukku
image compression, JPEG, PNG, SVG, GIF
https://news.ycombinator.com/item?id=21181015
encoding 
16 days ago by FTS