Images

#Image Size

Social media share image resolution: 1200x630px (recommended size is <100kb)

Images can be compressed and/or resized using this tool: https://squoosh.app/ (The Pixlr tool I was using previously has restricted the functionality available on the free plan)

Another thing to remember is images should be stored at their max render size - so if a card image's max width is 600px wide - it is a waste to upload an image 2400px wide - as the browser will have to load in a much larger file size and scale it down - vs us just uploading in the properly scaled image and saving the user from downloading the bigger file.

Image Format - JPG/JPEG vs PNG

Good to use PNG if a web graphic with fewer colors - compression will look better and file sizes will be smaller

Good to use JPG/JPEG if a photograph - compression artifacts will be less obvious and file sizes will be smaller

Image Formats

Image Aspect Ratios

Image File Sizing