PNG-24 images are a godsend – they can save complex images in JPG-like quality WITH a transparent background. PNG-8 offers a smaller file size but limits you to a max of 256 colors, and a questionable transparency option (PNG-8 transparent images usually display jagged, ugly edges). If you’re saving a file for web out of Photoshop, there are two PNG formation options: PNG-8 and PNG-24. PNG files are great for logos, vector artwork, solid colored shapes, or any image where you need transparency. JPG file when it’s a photograph, a picture with a lot of colors (more than 256), or an image that contains gradients. When working with your own image, save it as a. PDFs aren’t image files but they’re used extensively as digital asset downloads. If you download a brochure file, you’re likely to see a FILENAME.PDF. When saving an image from the web to your computer, you’ll usually see it saved as FILENAME.JPG, FILENAME.PNG, or FILENAME.GIF. If you think anyone is going to download a 120MB anything from your site (unless it’s actually a huge software package), I’ve got some bad news for you: they won’t.Īfter seeing one too many websites loading in a 3.0 MB full width background image, I wanted to take a moment to talk about preparing digital assets, specifically images (PNG, JPG, GIF), for the web. In the end, print file sizes wind up being quite large (I’ve sent a 120MB multi-page catalog file to a printer before). Print files require high-resolution photographs (generally 300 dpi, or dots per inch), outlined text, bleeds for edge-to-edge color, uncompressed images, transparency settings, all sorts of crazy stuff. Preparing files for print is incredibly different than preparing them for availability on the web. This guide will show you step-by-step how to optimize images for web using both JPG and PNG formats. These files need to be clear, appropriately sized, and most importantly, small (as measured by kilobytes, not pixels). Saving a JPG for Web | Saving a PNG for WebĪs a graphic designer in mid-2016, most completed client projects wind up in digital format – graphics for the website, PDFs for download, social graphics, data sheets, brochures – rather than being sent to a printer. Skip To Section: Image File Types | How Big Should Your Image Be (KB) | How Big Should Your Image Be (WxH)

Tinypng compress jpeg & png images