Creating images for the JFP website

Image File Types and Optimization: 

 

 

 Most images should be saved as JPG files to ensure detailed colors and smaller file sizes. 

 

 

 For images requiring a transparent background, save them as PNG files. 

 

 

 Always "optimize for web" when saving any image. 

 

 

 Aspect Ratios and Sizing: 

 

 

 General Horizontal Images: A 16:9 aspect ratio is preferred for most horizontal images, matching our movie clips. You can verify your cropping at  https://aspectratiocalculator.com/16-9.html . 

 

 

 

 Full-length "Hero" banner image (main page): Typically 1920 x 1080 pixels. The web team can overlay text and darken the opacity of the image as needed. 

 

 

 Other horizontal images on webpages: Usually 700 x 394 pixels. 

 

 

 

 DevCard Image (main page): Typically 393 x 516 pixels (portrait layout). This image will need to be darkened to ensure text copy is visible. 

 

 

 Blog Post Images: Currently 1200 x 627 pixels. 

 

 

 Leader Portrait Images ( see "Team" page ) : 1240 x 1560 pixels.