All Types of Image Format
Think GIF is the most delicious kind of peanut butter? And AI was that rare science fiction film starring Haley Joel Osment? Well, not bad. But today we talk about image formats and all those pesky little files that we use to create visual content for print and the web.
Each graph that appears online is an image file. Most everything you see printed on paper, plastic, or a T-shirt came from an image file. These files are available in a variety of formats, and each is optimized for a specific use. Using the right type for the right job means that your design will be perfect and what you wanted. The malformed web image could mean a bad bad feeling or a giant shock graphic or missing in an email.
So let’s break. Welcome to dive image formats 101. Let bases of each file type.
Image file formats
Most image files to enter one of two raster and vector files of categories files in general and each category has its own specific uses. This distribution is not perfect. For example, some formats may actually contain elements of both. But this is a good place to start when you think the format to use for their projects.
Raster images are composed of a set of grid points called pixels, where each pixel is associated with a color. Unlike a vector image, raster images are resolution-dependent, meaning that exist in one size. By transforming a raster image, drawing the same pixels, which can cause image “pixelated” or blurred. When the picture is enlarged, the software is basically guess what the image data is not based on the surrounding pixels. More often than not, the results are not great.
Raster images are typically used for the photographs, digital and Web graphics (such as banners, content, social media and email graphs). Adobe Photoshop is the industry standard image editor that is used to create, design and edit bitmap images, and add effects, shadows and textures to existing models.
RGB vs. CMYK
All bitmap images can be saved in one of two models of primary colors: CMYK and RGB.
CMYK – for Owley
RGB – A & V
CMYK printing process means four colors cyan, magenta, yellow and key (black). These colors are the four inks combined during the printing process. Files saved in this format will be optimized for physical printing.
RGB is a color model according to the light which means red, green and blue. These are the three primary colors of light are combined to produce other colors. Files saved in this format will be optimized for the web, mobile phones, film and video, everything that appears on a screen.
Lossless vs. lossy
Each raster image file is lossless or lossy, depending on how it handles the image data format.
Lossless image formats capture all the data from your original file. None of the original file, photo, or piece of art is lost, hence the term “lossless”. The file can also be compressed, but all lossless formats will be able to rebuild its image to its original state.
image formats with losses close to what the original image looks like. For example, an image with a loss could reduce the number of colors in the image or analyze the image unnecessary data. These generally clever technical tricks the file size will be reduced, but may reduce the quality of the image.
Typically, files with the losses are much smaller than the lossless files, which is ideal for use online where file size and download speed are vital.
JPEG / JPG
JPEG is a lossy raster format which stands for Joint Photographic Experts Group, the technical team who developed it. This is one of the most used online, usually for photos, graphics and email large web images, such as banner ads formats. JPEG images have compression of the sliding scale significantly reduces the file size but increases pixelation or artifacts more the image is compressed.
You must use a JPEG file when …
You’re dealing with photos and / or illustrations online. JPEG files that provide the greatest flexibility with the realignment and compression making it ideal for web images to be uploaded quickly.
To print photos and / or illustrations. In the high-resolution files with low compression, JPEG is ideal for editing and printing.
You must send a quick overview image to a client. JPEG images can be reduced to very small sizes so by email.
Do not use JPEG file when …
Web graphics with transparency is needed. JPEG files do not have a transparency channel and must have a solid background color. GIF and PNG are your best options for transparency.
an image in layers and editable necessary. JPEG files are a flat image format which means that all changes are saved in a single layer of the image and can not be canceled. Consider a PSD (Photoshop) to a fully editable image.
GIF format is a lossless raster means Graphics Interchange Format. The big question: how can you say? GIF Creator said “JIFF” like peanut butter. This writer (and many people) said “GIFF” because the graphics starts with a “guh.” Anyway, we’ll leave that to you. GIF is also a web image format widely used, generally for moving graphics such as banners, images, email and social media memes. Although GIF are lossless, which can be exported in a number of highly customizable settings that reduce the number of colors and images, reducing the file size.
You should use a GIF when …
You want to create a web animation. GIF images have all the animation frames and synchronization information in a single file. image editors such as Photoshop, it’s easy to create a short animation and export it as a GIF file.
It is the necessary transparency. GIF images have an “alpha channel” that can be transparent, so you can place your image on a colored background.
a small file is needed. compression techniques in the GIF image files can significantly reduce the size. For simple web graphics and icons, GIF is the best format image file.
Do not use a GIF when …
You need a photo-quality image. Although GIF files can be high resolution, which are limited to 256 colors (unless you know a few tricks). Photos with thousands of colors (bands and sometimes strange because color) and dishes are less dynamic when converted to GIF.
You need to print an image. Because of the color boundary, printed photos lack depth. If you need to print photos, watch TIFF, PSD and JPG.
an image in layers and editable necessary. GIF is a flat image format which means that all changes are saved in a single layer of the image and can not be canceled. Consider a PSD (Photoshop) to a fully editable image.
PNG is a lossless frame format means Portable Network Graphics. Think GIF PNG as the next generation. This format has been incorporated in transparency, but can also display greater color depth, which results in millions of colors. PNG is an Internet standard and quickly became one of the most commonly used online image formats.
Unicorn Sticker by _ELM_
Trauby pet by ktoons
You must use a PNG when …
You need high quality web graphics transparent. PNG images have a variable “alpha channel” that can have any degree of transparency (in contrast to the GIF that take transparency / off). In addition, greater color depth, will have a more dynamic picture than you would with a GIF.
He limited color illustrations. Although any image will work, PNGs are better with a small color palette.
a small file is needed. PNG files can reduce the size of sizes, especially small images that are incredibly simple colors, shapes or text. This makes it the ideal type of image file for web graphics.
Do not use PNG when …
It works with photos or illustrations. Thank you to color-intensive PNG “format can easily handle high-resolution photos. However, because it is a web without loss format of the file sizes tend to be very important. If you work with photos on the Web, go with JPEG.
You are dealing with a printing project. PNG graphics are optimized for the screen. You can certainly print a PNG file, but could be better with a JPEG (lossy) or a TIFF file.
TIFF / TIF
TIFF is a lossless image format which means Tagged Image File Format. Because of its high quality, the format is mainly used in photography and desktop publishing. You will probably find TIFF files when a document is scanned or take a picture with a professional digital camera. Note that TIFF files can also be used as a “reservoir” for JPEG images. These files will be much smaller than traditional TIFF files, which are usually very large.
You must use a TIFF file when …
You need to print high quality graphics. With RAW, TIFF are some graphic formats available in the highest quality. If you are printing photos, especially in larger sizes, use this format.
You make a high quality scan. Use TIFF to scan your documents, photographs and illustrations ensure that you have the best original file to work outside.
Do not use TIFF when …
It works with Web graphics. While many Web browsers are supported, TIFF files are optimized for printing. Go with JPEG or PNG if it is required to display high quality images online.
A raw image format contains the raw data captured by a digital camera or scanner sensor. Usually the images are processed (adjusted for color, white balance, exposure, etc.) and then converted and compressed into another format (such as JPEG or TIFF). raw images stored unprocessed and processed data in two separate files, the image of the highest quality that can be edited nondestructively with a photo editing application like Photoshop to get. There are dozens and dozens of raw formats, but some of the typical formats CRW (Canon), NEF (Nikon) and DNG (Adobe).
You must use RAW when …
Taking pictures and edit photos. Make sure your camera is set to RAW so you can capture the most versatile image. Then use a photo editing application compliant to adjust the image.
Do not use RAW when …
It works with Web graphics. RAW is built for photo editing. When you are ready to submit your photos to the web, convert them to JPEG format.
You are ready to print your photos. Many printers will not accept raw formats, so first convert to JPEG or TIFF format.
PSD is a proprietary image format with layers which means Photoshop document. These are original design files created in Photoshop that are fully editable with multiple layers and image adjustments. PSD is mainly used to create and edit bitmap images, but this unique format may also contain vector layers as well, so it is extremely flexible for a number of different projects. PSD can be exported to a number of image file formats, including all bitmap formats mentioned above.
You must use a PSD when …
It’s time to edit photos. Need to correct color picture? Or add a text layer? PSD = pictures.
You must change work for print or digital. This could be a photograph, painting, drawing, or anything else. Photoshop is the right tool to ensure that each line, shade and texture is in place.
You want the digital images on the Web as social media images, banners, email headers, videos, etc. Creating these images in Photoshop will ensure that are the right size and optimized for the web.
You must create a website or an application model. The layers make it easy to move interface elements.
You want to get fancy with animation and video. Photoshop, it’s easy to cut video clips together and add simple graphics, filters, text, animation and more.
Do not use a PSD when …
You must post a picture online or send a preview of a client. The web is friendly JPEG. Convert first ensure that the public can see its image (and therefore will not take a few minutes to download).
You are ready to print your photos. Many printers accept the PSD, so first convert to JPEG or TIFF format.
Vector images are essentially giant mathematical equations, and each point, line and shape is represented by its own equation. Each “equation” can be associated with a color, stroke or thickness (among other styles) to convert into art forms. Unlike bitmaps, vector graphics are resolution independent. To reduce or enlarge a vector image, its forms become larger, but no details are lost or get any pixelation. Because your image always done the same, regardless of size, there is no such thing as a guy with or without loss of vector images.
Walk of Life Poster by Adwindesign to Salam_h
book of children character RVST® for soccerpoet
spoon logo design by Design
Vector images are usually used for logos, icons, text files and digital artwork. Adobe Illustrator is the publisher of the industry standard image used to create, edit images and design of vectors (but can also embed bitmap images, too).
PDF stands for Portable Document Format and is an image format that is used to display documents and graphics correctly, regardless of device, application, operating system or web browser. Basically, PDF files have a solid base of vector graphics, but can also show any raster graphics to form fields spreadsheets. Because it is an almost universal standard, PDF files are often the file format required by printers to send a final design in production. Both Adobe Photoshop and Illustrator can export directly to PDF, so it’s easy to start your design and get it ready for printing.
Oakland poster by Martis lupus
Yoga posterby Trisixtin for yogawithleo
You must use a PDF when …
You are ready to print. As mentioned, many printers prefer PDF as the primary distribution because it is so ubiquitous. Check with your printer to see how they would like to prepare your case.
You want to view documents on the Web. Do not use a PDF file of a single icon or logo, but great for posters, brochures, magazines and brochures. PDF retain their design in one package, so it’s easy to view, download or print.
Do not use a PDF file when …
You must change your design. PDF files are large containers, but the use of other applications for content. You can edit images with Photoshop bitmap and vector graphics in Illustrator. Once completed, you can combine a PDF for easy viewing.
EPS is an image format that is Encapsulated PostScript. Although primarily used as a vector, EPS file may include both raster and vector image data. In general, a file includes a unique design element that can be used in a broader view.
You must use an EPS when …
You must send a vector logo of a customer, designer or printer. With a file, you do not have to worry about where they will be placed or printed logo. Regardless of size, always appear in the right resolution.
Do not use an EPS when …
You deal with photographs or illustrations. EPS can handle bitmaps, but this type of image file is mainly for vectors. Working with PSD, TIF or JPEG when you have a photographic project.
It is necessary to display an image online. Export to JPEG, PNG or GIF first.
AI is an image format which means clean vector Adobe Illustrator. The format is based on both EPS and PDF standards developed by Adobe. As these formats, AI files are primarily vector format but also include embedded or linked bitmap images. AI files can be exported to PDF and EPS files at once (to facilitate review and printing), as well as JPEG, PNG, GIF, TIFF and PSD (for use on the Web and later edition ).
You must use an AI when …
You need to change a drawing. AI files allow you to move and edit each element in your design with a simple click or two.
You must create a logo, icon or brand mascot. Each form of vectors and the line created in Illustrator can be enlarged to any size, making it ideal for images to be used in many different ways.
You want a piece of printing a page. Illustrator is perfect for posters, business cards, brochures and maps that can be combined with other bitmap images.
You must define the type of logo. Illustrator composition characteristics are incredibly powerful, allowing any text to be stretched, biased and turned in any way imaginable.
Do not use an AI when …
You need to edit images. If a raster image (photo or illustration) is used in a composition, Illustrator has a limited number of tools for changing the image directly. Photoshop (PSD) can make larger adjustments such as color, contrast and brightness.