Image sources

written by: Jeff McNear

FREE IMAGES

Open Source Stock Images

http://search.creativecommons.org/
A variety of sources for free open source image, you could also =>google a term => go to images => select tools =>select usage rights =>select “labeled for reuse with modification”
https://morguefile.com/
Good free image library
unsplash.com
Another good free image library
https://pxhere.com/
requires validation, but most images are free
pikwizard.com
Good free image library
https://picsum.photos/
add desired image size after URL

(Online)JPEG & PNG compression tool (thank you Fernanda Carvajal) – has trouble with many files at once
https://compressor.io/ (very good)
https://kraken.io/web-interface (no limit on number of files but free version will not compress very large files)
https://tinypng.com/ (20 images at a time)
https://kraken.io/web-interface (interface is a little clunky)
https://shortpixel.com/online-image-compression (up to 50 images at a time)
https://imagecompressor.com/ (20 images at a time – compression options)

Videos to use for backgrounds

SVG files for icons

ICONS THE NOUN PROJECT => https://thenounproject.com
Thousands of PNG and SVG icons available at a reasonable subscription rate
FONT AWESOME => http://fontawesome.io/
Icons which operate as a font face and so behave like SVG files without the browser restrictions
ICON MOON => https://icomoon.io/app/#/select
Well rated and allows you to create your own icons
FAVICON GENERATOR Website Planet Favicon Generator thanks to Alejandra Villalobos

Shapes via pure CSS

CSS TRIANGLE GENERATOR => http://apps.eky.hk/css-triangle-generator/
Generates CSS defined triangles
CSS ARROW PLEASE => http://www.cssarrowplease.com/
Generates CSS defined arrows – a little trickier since it involves the :before and :after pseudo classes
CSS 3 SHAPES PORTAL => http://www.cssportal.com/css3-shapes/
A variety of examples of CSS shapes
CSS clip-path maker => bennettfeely.com/clippy
tool to construct clip-path generated shapes