Actual resolution varies depending on the use and application. Values below are only recommended guides and are not set rules. Dimensions represent recommended Max Width x Max Height. Any variation within the maximum limit for each side is allowed. For example, for medium, 420x760 is acceptable because it is within 800x800.
- (saved as PNG with transparent background)
- ALWAYS use and save as JPG
- Use PNG only if the image has a transparent background (eg. icons)
General rule, around 60%-80% of the max value allowed in the settings.
- Lower value = higher compression = lower image quality = smaller file size
- Higher value = less compression = higher image quality = bigger file size
In Photoshop settings, Quality = 8 - 10 (recommended = 10)
DPI (dots per inch or pixels per inch)
- Always set at 72dpi for general web use, PDFs, Google Docs, slides, etc
- NEVER use 300dpi. This is only from print applications.
- Always use RGB.
- CMYK is only used from print applications. CMYK images will render differently on web browsers.
Save images in the sRGB color profile
. If images don't look right on mobile devices, it's probably because they don't have an sRGB color profile.