DIGITAL ASSETS CHEAT SHEET GENERAL INFO t All images should be at 72 dpi, RGB t PNG is preferred for photographs/artwork with text. PNGs should be saved as 24-bit. To decrease the file size in PNGs, use TinyPNG. It s super easy to use and compresses the graphics by a significant amount. tinypng.org t JPG should be used for photos only. Quality range should be medium to high To decrease the file size in JPGs, use TinyPNG/JPG. tinypng.org t HEX code for IPFW blue is #003F87 -Designers should use this to design Web assets as opposed to CMYK or Pantone -Do not send Web Team PDFs to approve. They need to see the final product (PNGs, JPGs, etc.). -Include the EO/EAU to all digital assets (unless the EO/EAU statement appears elsewhere on the webpage) t Anti-aliasing of typography and artwork supports legibility t For current social media information go to: bit.ly/213lmwb (sproutsocial.com/insights/social-media-image-sizes-guide/) (Social media is always changing so be sure to alert the design team if digital assets do not comply.) WEB IPFW.edu HOMEPAGE BANNER t Leave space for left navigation t NOT clickable, include call-to-action (CTA) vanity URL 204 px 974 x 347 px 32 px
SECONDARY HOMEPAGE BANNERS t Include a visual indicator to encourage a click 700 x 300 px TWO-COLUMN WEBPAGES CAMPAIGN/EVENT LANDING PAGE t NOT clickable, do NOT include vanity URL as this is the final destination t Banner copy/design should confirm to the viewer they are on the correct page t Banner CTA should reiterate CTA in the body copy TWO-COLUMN LANDING PAGE 700 x 205 px t Include a visual indicator to encourage a click
THREE-COLUMN WEBPAGES CAMPAIGN/EVENT LANDING PAGE t NOT clickable, do NOT include vanity URL as this is the final destination t Banner copy/design should confirm to the viewer they are on the correct page t Banner CTA should reiterate CTA in the body copy 434 x 172 px THREE-COLUMN LANDING PAGE t Include a visual indicator to encourage a click WEB PROMOS/BUTTONS t Include a visual indicator to encourage a click t Photographs not recommended, graphics/text only 194 x 110 px
SOCIAL MEDIA FACEBOOK 180 X 180 PX COVER 851 x 315 px MOBILE SAFE: 560 X 315 PX COVER t CLICKABLE, include CTA vanity URL in image caption text t Include a visual indicator to encourage a click t CLICKABLE, include CTA vanity URL in image caption text 1200 x 630 px SNAPCHAT 1080 x 1920 px t Cannot include any logos, EXCEPT for university logos t Recomended to keep buffer zone clear of important information t Keep center clear and open for photos, limit copy to a few words BUFFER ZONE: 149 PX TALL
TWITTER COVER DESKTOP VIEW TABLET SAFE AREA: 1000 X 500 PX MOBILE/ TABLET VIEW MOBILE SAFE AREA: 864 X 355 PX DESKTOP SAFE AREA: 1500 X 356 PX t Final image size: 1500 x 500 px t Image NOT clickable, include vanity URL in CTA t Intended for imagery, graphics, or just a few words 400 X 400 PX t Image NOT clickable, do NOT include vanity URL in CTA as the article is clickable 1024 X 512 PX INSTAGRAM t Image NOT clickable, include vanity URL in CTA 1080 x 1080 px t Intended for imagery, graphics, or just a few words LINKED IN OTHER t Google+: 2120 x 1192 px t YouTube Cover Image: 2560 x 1440 px Desktop Banner: 2560 x 473 px 646 x 220 px t Pinterest Post: 735 x 1102 px t Static images only, NOT clickable
EMAIL/NEWSLETTER FIRE ENGINE RED 600 x 200 px GENERAL INFO t Image sizes change based on template and publisher used. Considerations: What publisher is being used? (Mail Chimp, Constant Contact, etc.) What template is being used? Is the template responsive? If yes: -Release design as transparent PNG parts for the client to build with code OR -Release 2 flat images, one for desktop views and another for tablet and mobile view defined by a media query