Google chrome extension - FireShot

Capture Enitire Page Screenshot with FireShot

Desktop

set width 1280px or ( half of imac )

naming: {website-name}-{page}.{extension}

example: infinity-homepage.jpg

Mobile

set width of 360px or select iPhoneX

naming: {website-name}-{page}-mobile.{extension}

example: infinity-homepage-mobile.jpg

Image optimization & compression

For image compression use website https://tinypng.com/

or use https://compressnow.com/ for images bigger than 5MB