tableflip/responsible

Name: responsible

Owner: TABLEFLIP

Description: Dealing with images responsibly

Created: 2015-06-30 22:25:39.0

Updated: 2015-07-03 09:21:52.0

Pushed: 2015-07-06 10:30:22.0

Homepage: null

Size: 116

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

Responsible - dealing with images responsibly

Find the breakpoints used on a website. Check the rendered width of the images on a page at each breakpoint. Recommend images sizes for srcsets and sizes attributes. Create images optimising script that consumes the output, finds the images and resizes.

install

erjs sizes.js https://tableflip.io

ages found:
/logo-stroke.svg 100 581
/icon-info.svg 19 99
/icon-briefcase.svg 24 48
/icon-blog.svg 20 100
/icon-phone.svg 20 80

eakpoints found
-width: 940px)
-width: 720px)

dths found
x
x

Notes

README, is good: http://ericportis.com/posts/2014/srcset-sizes/

Can we WebP? http://caniuse.com/#search=webp%20image Probably not.