Skip to content

IMAGE_OPTIMIZATION_GUIDE.md

Latest commit

 

History

History
32 lines (26 loc) · 838 Bytes

IMAGE_OPTIMIZATION_GUIDE.md

File metadata and controls

32 lines (26 loc) · 838 Bytes

Image Optimization Guide

Recommended Image Specifications for Portfolio:

Screenshots:

  • Format: PNG or JPG
  • Max Width: 1920px (for high-DPI displays)
  • Max Height: 1080px
  • Quality: 80-90% (balance between quality and size)
  • File Size: Aim for < 500KB per image

Cover Images:

  • Format: JPG (better compression for photos)
  • Dimensions: 1200x800px (3:2 aspect ratio)
  • Quality: 85%
  • File Size: Aim for < 300KB

Tools for Optimization:

  1. Online: TinyPNG, Squoosh.app
  2. CLI: imagemin, sharp
  3. Mac: ImageOptim
  4. Windows: RIOT

Current Structure:

public/images/screenshots/ ├── citystocker.png ├── citystocker-list.png ├── citystocker-chart.png ├── citystocker-input.png ├── citystocker-backtest.png └── citystocker-code.png