safari images png

We’re sorry, but Freepik doesn’t work properly without JavaScript enabled. FAQ Contact

• Notifications
• Go back Remove
• No notifications to show yet You’ll see useful information here soon. Stay tuned!
• Downloads 0/60 What is this?
• My collections
• My subscription

Find out what’s new on Freepik and get notified about the latest content updates and feature releases.

• Hippopotamus png
• Spiderman png

Safari Png Images

• Add to collection
• Save to Pinterest

• african animals

• Cartoon animals
• Cartoon banner

• Cartoon grass
• Cartoon svg
• grass flower

• tropical background
• summer watercolor
• summer background

• garden fence
• african tree

• zoo animals
• kids animals

• Zoo cartoon

• Cartoon border
• Cartoon giraffe
• board template

• jungle safari

• jungle plants
• tropical jungle

• safari animals

• tyrannosaurus rex
• tyrannosaurus

• safari jeep

• wild nature

• zoo background
• animal frame

• Leaves background
• leaf wallpaper

• animal background

• african safari

• Monkey cartoon

• travel illustration
• eco tourism

• tropical birds
• tropical plants

• wood border
• Cartoon frame

• cat clipart

• travel landing page
• travel website

• nature animal
• tropical animals

• leaf border
• leaves frame
• green floral

• wild animals

• Backgrounds
• Illustration

Animal Safari Png Image

cartoon animal

animal safari

cute safari animals

safari animals vector

safari animal silhouette

baby animals safari

safari animals clipart

watercolor safari animal

safari animal set

safari jungle animals

gold safari animals

safari animals cartoon

watercolour safari animals

Tiger abstract line animal doodle,the boys,text,illustration png free download

vector safari,caveman,birds,animal png transparent background

Cartoon jungle lion fox monkey animal border element,jungle animals,leaf png transparent background

animal paradise poster material,animal park,anime park,anime png picture

creative giraffe pattern,cartoon pictures,cartoon picture,t-shirt printing figure free png

vector desert safaris,simple,arabic,architecture png transparent background

christmas animals, santa claus, cold, polar bear png white transparent

2018 Lunar New Year Year of the Pig Safari Yuanbao Free PNG, 2018 Chinese New Year, Year of the Pig, Sayuan Ingot free png

Gray cartoon cat cartoon animal, gray cartoon cat, gray, cartoon cat png white transparent

Animal border, piggy, chicken, kitten png image

hand painted european animals, paint, hand animation, european png hd transparent image

Cartoon animal avatar, sheep, cartoon creature, dog png free download

Cartoon anime cute girl, small flower, girl cartoon, kawaii png image free download

Cartoon World Animal Day png Transparent Bottom, Animal, world animal day, cartoon png transparent background

Cartoon animals, animal light, animals zoo, gold white free png

Cartoon World Animal Day png Transparent Bottom, Animal, world animal day, lion free png

Giraffe animal cartoon giraffe, giraffe animal, cartoon giraffe, cartoon animal png picture

Cartoon animal border, kittens, intense, cartoon animal png hd transparent image

Mbe cartoon cute Shiba Inu dog animal material, Mbe, dog material, Shiba Inu free png

hand painted european animals, world animal day, animal pattern, party png transparent background

Hand drawn cartoon animals, wall paste, simple strokes, giraffe png free download

Cute animal cow illustration, Small cow, spotted cow, horns png picture

Cartoon anime hand drawn animal frog, cartoon frog, painting book, cute animal png transparent background

animal silhouette, pigeon, dog, silhouette png image

Game Character Anime Manga Girl Anime Character Campus Girl, Game characters, anime, manga png image free download

Cartoon anime hand drawn animal penguin, Cartoon animal, cute animal, hand drawn png free download

Cute animal fox illustration, Hand drawn, flower fox, cute png white transparent

Small fresh animal hand-painted cute spotted cat png, cute hand-painted, spotted cat, cute cat png image free download

Animal border, balloon, theme, world animal day png image free download

Cartoon World Animal Day png Transparent Bottom, Animal, cartoon, world animal day png image

Animal elements, marine animals, cartoon, cute, Animal elements, sea animals, cartoon cute png hd transparent image

Autumn animal cute bear, cute bear, mole, cartoon animal png transparent background

hand painted european animals, sticker, fox, friends png transparent background

Cute animal shark cartoon border, Cute, animal, shark png image

Sika deer animal silhouette simple vector, Sika deer, animal, silhouette png transparent image

Animal, cat dog, dog white, cartoon cute png free download

Elephant animal cartoon elephant, cartoon animal, dumbo, anime png transparent background

Female Japanese anime cartoon character anime game character, Girls, girls, game characters png transparent background

Hand drawn cartoon animals, book, wall paste, school season png transparent image

Cartoon pig animal photo frame material, Cute photo frame, photo frame, animal photo frame png transparent image

Hand drawn animal cartoon flat animal elements, Animal, hand drawn cartoon, flat cartoon png transparent background

Mbe cartoon cute Shiba Inu dog animal material, Mbe, dog material, Shiba Inu png transparent background

Cute cat cartoon cute animal cartoon animal cartoon decoration p, Animal hand-painted, cat and cat master, cute cat png picture

Commercial HD Animal Collection South China Tiger, South China tiger, tiger, animal png free download

Cute cat cartoon cute animal comic little animal, Animal hand-painted, cat and cat master, cute cat free png

Picnic animals, urban animals, dog, playing guitar png hd transparent image

Small fresh animal hand-painted cute bear png, Small fresh, simple, cute hand-painted png picture

Small fresh animal hand-painted cute brown bear png, Small fresh, simple, cute hand-painted png picture

Gray cartoon cat cartoon animal, Gray cartoon cat, cartoon animal, hand drawn cat png free download

Cute cartoon animal bear, Cute cartoon bear, cute, cartoon png free download

Autumn animal cute bunny, cute bunny, adorable bunny, cartoon animal png picture

Cute little animal frog illustration, Cute animals, frog, frog png image

Japanese anime cartoon character anime game character, characters, japanese cartoon, cartoon games png transparent image

cartoon animals, Cartoon animal, sika deer cartoon, cute png white transparent

Animal card Free Download

Safari png images

Related Images:   safari hat   

295 transparent png of safari.

○•°‿✿⁀zoo Safari‿✿⁀°•○ - Safari Bird Clip Art Png

Imágenes De Mickey Safari Con Fondo Transparente, Descarga - Mickey Mouse Safari Png

Safari Animals Png - Animales Safari Bebe Para Imprimir

Helping Hand Africa Tours & Safaris - Safari

Safari Bubble Gum - Hitschler Safari Bubble Gum

Pin By Anna Sisan On Gabriel 5 Anos - Animales De Safari Para Imprimir

Safari Party, Printables, Clip Art, Ideas, Jungle Clipart, - Safari Boy Png

2017 Adidas Safari Hat - Adidas Safari Hat White

Child's Plastic Safari Hats

Adams Outback Safari Crown Hat - Adams Outback Safari Cap

Panama Hat Safari Edition - Safari Panama Hat

Radians Hi-viz Safari Hat - Radians Shg-s/m Radians Safari Hat

Darknisfan1995, Full Set, Hat, Raised Hoof, Safe, Simple - Teddie Safari

Desenhos Coloridos De Safari - Super Safari Png

Awp - Safari Mesh - Awp Safari Mesh Mw

Florida Hunting Ranch -seminole Prairie Safaris - Seminole Prairie Safaris

Moldura Safari Png Clipart Convite Picture Frames Safari - Mickey Safari

African Safari - Africa Safari Icon

Floresta E Safari - Safari Theme Card

Daisy Clipart Safari - Donald Duck Safari

Jungle Safari Transparent Image - Letras Safari Para Imprimir

Safari Logo Png - Safari Browser Logo Png

Webkit On Twitter Technology Preview A New - Safari Technology Preview Icon

Safari Car Png Transparent Image - Tata Safari

Peel N Stick Poster Of Jeep Adventure Auto Safari Png - Safari Auto

Girafa Safari Png - Safari Png

Desenhos Coloridos De Safari - Fundo Safari Em Png

Safari Browser Logo - Apple Safari

Spring Breakers Puzzle Safari - Microsoft Puzzle Safari

Uk Safari - Safari

Collection Of Free Leaf Svg Safari On Ubisafe - Hojas Safari Png

Safari Schedule - Safari Sasa Tanzania Ltd

Click On The Animals Bring The Safari To Life - Safari Animal Cartoon Png

Image 4 X 4 Safari - Bali Safari

Elefante Safari Png

Clipart Resolution 900*753 - Safari Elephant Clipart

Adventures Africa Stay 3 Nights Only Pay For 2adventures - African Safari Tour Logo

The Safari Address And Search Field - Add Favorites On Safari Macbook

Teething Pals Safari Bebee & Friends - Teething Pals Safari Bebee & Friends

Tc Lionfish Safari - Treasure Coast Lionfish Safari 2018

Csusa Invests In Teachers Through Safari Montage Technologycharter - Safari Montage

Uganda Safaris Tours Logo - Safari

Bandeirinha Safari - Imagens De Fundo Safari

Gifs Y Fondos Pazenlatormenta - Animales De Safari Para Imprimir

Bandeirola Safari - Banderin Para Imprimir Baby Shower Safari

Encaixe Safari - Carimbras - Encaixe Safari Carimbras

St Lucia Accommodation, Luxury Accommodation In St - Kwalucia Private Safari Retreat

Bear Yo Yo Candy - Safari Paws

Safari Adblock - Safari

7 Kb, V - Safari Baby Png

Safari's New Sidebar And Less Flamboyant Top Sites - Safari On Mac Os X 10.9

Photo By @daniellemoraesfalcao - Desenho Macaco Safari

Safari - Tata Safari Car Price

Beauty And The Beast Font Download Banner Freeuse Download - Baixar Fonte Do Safari

Moon's Gengar - Pokemon Safari Ball

Campfire Story Postcard 2 - Safari Hut

Photo By @daniellemoraesfalcao - Safari Animals Png

Empty Cache Spotify - Pulizia Cache Safari Mac

Health Canada - Instep 'safari' Swivel Wheel Jogger Stroller

Clip Black And White Blank Baby Shower Clip Art Free - Safari Baby Shower Png

Apple Loading Icon Png - Apple Safari

Il Est Inacceptable Que Capri-sun Multivitamin Se Fasse - Capri Sun Safari Fruits

Download - Safari Jeep Png

Circus Animals Png - Safari Animals Cartoon

Clip Free Stock Animal Group Clipart - Safari Animals Clipart Png

Mickey Head Photo - Cabeça Do Mickey Safari

Circus Elephant's - Elephant Images - Safari Animal Face Coloring Page

Vector Hand Drawn Illustration Mask Fototapete Fairytale - Tribal Safari Animal Wall Stickers

Black And White Download A Al Clip Art Album And Embroidery - Jungle Safari Clip Art

Free Printable Safari Baby Wall Art

Tree Clipart, Tree Patterns, Mosaic Patterns, Cartoon - Convite Cha De Bebe Safari

Adidas Safari Hat White

Mundo Bita Árvore - Mundo Bita Safari Png

Mundo Bita Árvore - Mundo Bita No Safari

Safari Limited Krystal Blue Dragon

2018 Messages Sticker-1 - Elefante Safari Png

Note The Missing Address Bar In The Right Image - Iphone Safari Browser

Related Wallpapers - Girafa Safari Baby Png

Baby Animal Clipart - Elephant Safari Animals Clipart

Free Online Website Malware Scanner - Safari Mac

Click To See Your Fall Class Choices - Safari Icon Mac Os Sierra

Plug Collection Safari (rhino)

Minnie Mouse Shirts, Mickey Mouse Head, Mickey Shirt, - Mickey Safari Png

Lamy Safari Fountain

Jungle Wallsticker For Kids Rooms, Toucan Wall Adhesive - Tucano Safari Png

Sehun 94 Merch T Shirt - Safari Theme Birthday Shirt

Safari Logo New 25 07 2015 - Safari Channel

1024px Png - Macbook Safari Logo Png

5 Lug F2 - Black Rhino Safari Wheels

• Privacy Policy

Safari PNG Transparent Images

Download top and best high-quality free Safari PNG Transparent Images backgrounds available in various sizes. To view the full PNG size resolution click on any of the below image thumbnail. License Info : Creative Commons 4.0 BY-NC

A safari is an overland  travel  that takes place in East or Southern  Africa  to hunt or view wild animals. The so-called Big Five African game species ”  lion ,  leopard ,  rhinoceros ,  elephant , and  Cape   buffalo  ” are extremely popular safari animals, both for  nature  watching and big-game hunting.

William Cornwallis Harris undertook an expedition in 1836 solely for the purpose of observing and  recording  fauna and sceneries. Harris pioneered the safari way of travel, beginning with a gentle rise at early  light , an active day of walking, an afternoon relaxation, and a formal supper and story-telling over beverages and cigarettes in the evening. The safari’s traditional hunting feature is claimed to have originated in the early 17th century in the Alentejo district of Évora, when locals banded together to kill wild  boar  and regain land for cultivation.

Newland & Tarlton Ltd (established 1904) were among the first to provide  luxury  tented safaris.

Both Jules Verne’s first novel Five Weeks in a Balloon and H.  Rider  Haggard’s first novel  King  Solomon’s Mines, both published in 1885, feature travels of English adventurers on safari and were big sellers at the  time . These two works spawned a genre of safari adventure literature and movies.

Ernest Hemingway published multiple works on African safaris, both fiction and nonfiction. Hemingway’s short works “The Short Happy  Life  of Francis Macomber” and “The Snows of Kilimanjaro” are set on African safaris and were inspired by his own safari experience. Green Hills of Africa and True at First Light, two of his works, are set on African safaris.

From Trader  Horn  (1931) forward,  sound  films about the safari gave endless hours of cinematic delight. The safari was featured in a number of adventure films, including Tarzan,  Jungle  Jim, and Bomba the Jungle  Boy , all the way up to Cornel Wilde’s role as a white hunter in The Naked Prey (1965). The Bob Hope  comedy   Road  to Zanzibar and  Call  Me Bwana mocked the safari  film  genre. In Africa Addio, a 15-minute  helicopter  safari was showcased, in which passengers were armed and transported from their  hotel  to land in front of an unfortunate and perplexed elephant. Karen Blixen and legendary hunter Denys  Finch  Hatton journey out of Africa, with Denys reluctant to give up his  home  comforts of exquisite  china  and crystal, as well as listening to Mozart records on the  gramophone  while on safari.

The safari-style was inspired by British officers and the coats they wore throughout their African missions. Khaki  clothes , belted bush coats, pith helmets or slouch hats, and animal skin motifs are all part of the concept or style associated with the phrase. Between 1870 and 1950, the pith  helmet  was adopted as apparel by the British soldiers in the tropics. Safari jackets are “crisp drill  cotton  with pockets, buttons, epaulets, and  belt ,” according to Condé Nast, and are an element of Kenyan colonial style.

During his post-presidential  tour  to Africa in 1909″1910, Theodore Roosevelt was “outfitted” in safari style by his  friend  Lord Cranworth. Newland & Tarlton, owned by Lord Cranworth, is a premium safari outfitter that creates safari-style clothes. Roosevelt was also furnished by Willis & Geiger in 1908, according to various sources. Hemingway,  like  Roosevelt on safari, selected Holland & Holland or Westley Richards guns in the British manner. Grace Kelly and Johnny Weissmuller, among others, donned safari suits in Hollywood. Ernest Hemingway donned safari-style coats that reflected a sense of adventure that was also reflected in Hollywood. The safari  jacket , according to Conde Nast, is still fashionable today.

Download Safari PNG images transparent gallery

Related PNG:

Leave a comment cancel reply.

safari browser

Download 10000 free Safari browser Icons in All design styles.

• User documentation

• Skip to main content
• Skip to search
• Skip to select language
• Sign up for free

Image file type and format guide

In this guide, we'll cover the image file types generally supported by web browsers, and provide insights that will help you select the most appropriate formats to use for your site's imagery.

Common image file types

The image file formats that are most commonly used on the web are listed below.

Note: The older formats like PNG, JPEG, GIF have poor performance compared to newer formats like WebP and AVIF, but enjoy broader "historical" browser support. The newer image formats are seeing increasing popularity as browsers without support become increasingly irrelevant (i.e. have virtually zero market share).

The following list includes image formats that appear on the web, but which should be avoided for web content (generally this is because either they do not have wide browser support, or because there are better alternatives).

Note: The abbreviation for each image format links to a longer description of the format, its capabilities, and detailed browser compatibility information (including which versions introduced support and specific special features that may have been introduced later).

Note: Safari 11.1 added the ability to use a video format, as an animated gif replacement. No other browser supports this. See the Chromium bug , and Firefox bug for more information.

Image file type details

The following sections provide a brief overview of each of the image file types supported by web browsers.

In the tables below, the term bits per component refers to the number of bits used to represent each color component. For example, an RGB color depth of 8 indicates that each of the red, green, and blue components are represented by an 8-bit value. Bit depth , on the other hand, is the total number of bits used to represent each pixel in memory.

APNG (Animated Portable Network Graphics)

APNG is a file format first introduced by Mozilla which extends the PNG standard to add support for animated images. Conceptually similar to the animated GIF format which has been in use for decades, APNG is more capable in that it supports a variety of color depths , whereas animated GIF supports only 8-bit indexed color .

APNG is ideal for basic animations that do not need to synchronize to other activities or to a sound track, such as progress indicators, activity throbbers , and other animated sequences. For example, APNG is one of the formats supported when creating animated stickers for Apple's iMessage application (and the Messages application on iOS). They're also commonly used for the animated portions of web browsers' user interfaces.

AV1 Image File Format (AVIF) is a powerful, open source, royalty-free file format that encodes AV1 bitstreams in the High Efficiency Image File Format (HEIF) container.

Note: AVIF has potential to become the "next big thing" for sharing images in web content. It offers state-of-the-art features and performance, without the encumbrance of complicated licensing and patent royalties that have hampered comparable alternatives.

AV1 is a coding format that was originally designed for video transmission over the Internet. The format benefits from the significant advances in video encoding in recent years, and may potentially benefit from the associated support for hardware rendering. However it also has disadvantages for some cases, as video and image encoding have some different requirements.

The format offers:

• Excellent lossy compression compared to JPG and PNG for visually similar compression levels (e.g. lossy AVIF images are around 50% smaller than JPEG images).
• Generally, AVIF has better compression than WebP — median 50% vs. 30% compression for the same JPG set (source: AVIF WebP Comparison (CTRL Blog)).
• Lossless compression.
• Animation/multi-image storage (similar to animated GIFs, but with much better compression)
• Alpha channel support (i.e. for transparency).
• High Dynamic Range (HDR): support for storing images that can represent bigger contrasts between the lightest and darkest parts of the image.
• Wide Color Gamut: Support for images that can contain a larger range of colors.

AVIF does not support progressive rendering, so files must be fully downloaded before they can be displayed. This often has little impact on real-world user experience because AVIF files are much smaller than the equivalent JPEG or PNG files, and hence can be downloaded and displayed much faster. For larger file size the impact can become significant, and you should consider using a format that supports progressive rendering.

AVIF is supported in Chrome, Edge, Opera, Safari and Firefox (Firefox supports still images but not animations). As support is not yet comprehensive (and has little historical depth) you should provide a fallback in WebP , JPEG or PNG format using the <picture> element (or some other approach).

BMP (Bitmap file)

The BMP ( Bitmap image ) file type is most prevalent on Windows computers, and is generally used only for special cases in web apps and content.

Warning: You should typically avoid using BMP files for website content. The most common form of BMP file represents the data as an uncompressed raster image, resulting in large file sizes compared to png or jpg image types. More efficient BMP formats exist but are not widely used, and rarely supported in web browsers.

BMP theoretically supports a variety of internal data representations. The simplest, and most commonly used, form of BMP file is an uncompressed raster image, with each pixel occupying 3 bytes representing its red, green, and blue components, and each row padded with 0x00 bytes to a multiple of 4 bytes wide.

While other data representations are defined in the specification, they are not widely used and often completely unimplemented. These features include: support for different bit depths, indexed color, alpha channels, and different pixel orders (by default, BMP is written from bottom-left corner toward the right and top, rather than from the top-left corner toward the right and bottom).

Theoretically, several compression algorithms are supported, and the image data can also be stored in JPEG or PNG format within the BMP file.

GIF (Graphics Interchange Format)

In 1987, the CompuServe online service provider introduced the GIF ( Graphics Interchange Format ) image file format to provide a compressed graphics format that all members of their service would be able to use. GIF uses the Lempel-Ziv-Welch (LZW) algorithm to losslessly compress 8-bit indexed color graphics. GIF was one of the first two graphics formats supported by HTML , along with XBM .

Each pixel in a GIF is represented by a single 8-bit value serving as an index into a palette of 24-bit colors (8 bits each of red, green, and blue). The length of a color table is always a power of 2 (that is, each palette has 2, 4, 8, 16, 32, 64, or 256 entries). To simulate more than 255 or 256 colors, dithering is generally used. It is technically possible to tile multiple image blocks, each with its own color palette, to create truecolor images, but in practice this is rarely done.

Pixels are opaque, unless a specific color index is designated as transparent, in which case pixels colored that value are entirely transparent.

GIF supports simple animation, in which following an initial full-size frame, a series of images reflecting the parts of the image that change with each frame are provided.

GIF has been extremely popular for decades, due to its simplicity and compatibility. Its animation support caused a resurgence in its popularity in the social media era, when animated GIFs began to be widely used for short "videos", memes, and other simple animation sequences.

Another popular feature of GIF is support for interlacing , where rows of pixels are stored out of order so that partially-received files can be displayed in lower quality. This is particularly useful when network connections are slow.

GIF is a good choice for simple images and animations, although converting full color images to GIF can result in unsatisfactory dithering. Typically, modern content should use PNG for lossless and indexed still images, and should consider using APNG for lossless animation sequences.

ICO (Microsoft Windows icon)

The ICO (Microsoft Windows icon) file format was designed by Microsoft for desktop icons of Windows systems. However, early versions of Internet Explorer introduced the ability for a website to provide an ICO file named favicon.ico in a website's root directory to specify a favicon — an icon to be displayed in the Favorites menu, and other places where an iconic representation of the site would be useful.

An ICO file can contain multiple icons, and begins with a directory listing details about each. Following the directory comes the data for the icons. Each icon's data can be either a BMP image without the file header, or a complete PNG image (including the file header). If you use ICO files, you should use the BMP format, as support for PNG inside ICO files wasn't added until Windows Vista and may not be well supported.

Warning: ICO files should not be used in web content. Additionally, their use for favicons has subsided in favor of using a PNG file and the <link> element, as described in Providing icons for different usage contexts .

JPEG (Joint Photographic Experts Group image)

The JPEG (typically pronounced " jay-peg ") image format is currently the most widely used lossy compression format for still images. It's particularly useful for photographs; applying lossy compression to content requiring sharpness, like diagrams or charts, can produce unsatisfactory results.

JPEG is actually a data format for compressed photos, rather than a file type. The JFIF ( J PEG F ile I nterchange F ormat) specification describes the format of the files we think of as "JPEG" images.

PNG (Portable Network Graphics)

The PNG (pronounced " ping ") image format uses lossless compression, while supporting higher color depths than GIF and being more efficient, as well as featuring full alpha transparency support.

PNG is widely supported, with all major browsers offering full support for its features.

SVG (Scalable Vector Graphics)

SVG is an XML -based vector graphics format that specifies the contents of an image as a set of drawing commands that create shapes, lines, apply colors, filters, and so forth. SVG files are ideal for diagrams, icons, and other images which can be accurately drawn at any size. As such, SVG is popular for user interface elements in modern Web design.

SVG files are text files containing source code that, when interpreted, draws the desired image. For instance, this example defines an drawing area with initial size 100 by 100 units, containing a line drawn diagonally through the box:

SVG can be used in web content in two ways:

• You can directly write the <svg> element within the HTML, containing SVG elements to draw the image.
• You can display an SVG image anywhere you can use any of the other image types, including with the <img> and <picture> elements, the background-image CSS property, and so forth.

SVG is an ideal choice for images which can be represented using a series of drawing commands, especially if the size at which the image will be rendered is unknown or may vary, since SVG will smoothly scale to the desired size. It's not generally useful for strictly bitmap or photographic images, although it is possible to include bitmap images within an SVG.

TIFF (Tagged Image File Format)

TIFF is a raster graphics file format which was created to store scanned photos, although it can be any kind of image. It is a somewhat "heavy" format, in that TIFF files have a tendency to be larger than images in other formats. This is because of the metadata often included, as well as the fact that most TIFF images are either uncompressed or use compression algorithms that still leave fairly large files after compression.

TIFF supports a variety of compression methods, but the most commonly used are the CCITT Group 4 (and, for older fax systems, Group 3) compression systems used for by fax software, as well as LZW and lossy JPEG compression.

Every value in a TIFF file is specified using its tag (indicating what kind of information it is, such as the width of the image) and its type (indicating the format the data is stored in), followed by the length of the array of values to assign to that tag (all properties are stored in arrays, even for single values). This allows different data types to be used for the same properties. For example, the width of an image, ImageWidth , is stored using tag 0x0100 , and is a one-entry array. By specifying type 3 ( SHORT ), the value of ImageWidth is stored as a 16-bit value:

Specifying type 4 ( LONG ) stores the width as a 32-bit value:

A single TIFF file can contain multiple images; this may be used to represent multi-page documents, for example (such as a multi-page scanned document, or a received fax). However, software reading TIFF files is only required to support the first image.

TIFF supports a variety of color spaces, not just RGB. These include CMYK, YCbCr, and others, making TIFF a good choice for storing images intended for print, film, or television media.

Long ago, some browsers supported TIFF images in web content; today, however, you need to use special libraries or browser add-ons to do so. As such, TIFF files are not useful within the context of web content, but it's common to provide downloadable TIFF files when distributing photos and other artwork intended for precision editing or printing.

WebP supports lossy compression via predictive coding based on the VP8 video codec, and lossless compression that uses substitutions for repeating data. Lossy WebP images are on average 25–35% smaller than JPEG images of visually similar compression levels. Lossless WebP images are typically 26% smaller than the same images in PNG format.

WebP also supports animation: in a lossy WebP file, the image data is represented by a VP8 bitstream, which may contain multiple frames. Lossless WebP holds the ANIM chunk, which describes the animation, and the ANMF chunk, which represents a frame of an animation sequence. Looping is supported.

WebP now has broad support in the latest versions of major web browsers, although it does not have deep historical support. Provide a fallback in either JPEG or PNG format, such as with the <picture> element .

Note: On Safari for macOS, WebP support depends on both Safari and macOS versions. You need Safari 14 or later as well as macOS Big Sur (11) or a more recent version.

XBM (X Window System Bitmap file)

XBM (X Bitmap) files were the first to be supported on the Web, but are no longer used and should be avoided, as their format has potential security concerns. Modern browsers have not supported XBM files in many years, but when dealing with older content, you may find some still around.

XBM uses a snippet of C code to represent the contents of the image as an array of bytes. Each image consists of 2 to 4 #define directives, providing the width and height of the bitmap (and optionally the hotspot, if the image is designed as a cursor), followed by an array of unsigned char , where each value contains 8 1-bit monochrome pixels.

The image must be a multiple of 8 pixels wide. For example, the following code represents an XBM image which is 8 pixels by 8 pixels, with those pixels in a black-and-white checkerboard pattern:

Choosing an image format

Picking the best image format for your needs is likely easier than video formats, as there are fewer options with broad support, and each tends to have a specific set of use-cases.

Photographs

Photographs typically fare well with lossy compression (depending on the encoder's configuration). This makes JPEG and WebP good choices for photographs, with JPEG being more compatible but WebP perhaps offering better compression. To maximize quality and minimize download time, consider providing both using a fallback with WebP as the first choice and JPEG as the second. Otherwise, JPEG is the safe choice for compatibility.

For smaller images such as icons, use a lossless format to avoid loss of detail in a size-constrained image. While lossless WebP is ideal for this purpose, support is not widespread yet, so PNG is a better choice unless you offer a fallback . If your image contains fewer than 256 colors, GIF is an option, although PNG often compresses even smaller with its indexed compression option (PNG-8).

If the icon can be represented using vector graphics, consider SVG , since it scales across various resolutions and sizes, so it's perfect for responsive design. Although SVG support is good, it may be worth offering a PNG fallback for older browsers.

Screenshots

Unless you're willing to compromise on quality, you should use a lossless format for screenshots. This is particularly important if there's any text in your screenshot, as text easily becomes fuzzy and unclear under lossy compression.

PNG is probably your best bet, but lossless WebP is arguably going to be better compressed.

Diagrams, drawings, and charts

For any image that can be represented using vector graphics, SVG is the best choice. Otherwise, you should use a lossless format like PNG. If you do choose a lossy format, such as JPEG or lossy WebP, carefully weigh the compression level to avoid causing text or other shapes to become fuzzy or unclear.

Providing image fallbacks

While the standard HTML <img> element doesn't support compatibility fallbacks for images, the <picture> element does. <picture> is used as a wrapper for a number of <source> elements, each specifying a version of the image in a different format or under different media conditions , as well as an <img> element which defines where to display the image and the fallback to the default or "most compatible" version.

For example, if you're displaying a diagram best displayed with SVG, but wish to offer a fallback to a PNG or GIF of the diagram, you would do something like this:

You can specify as many <source> s as you wish, though typically 2 or 3 is all you need.

• Guide to media types and formats
• Web media technologies
• Guide to video codecs used on the web
• The HTML <img> and <picture> elements
• The CSS background-image property
• The Image() constructor and the HTMLImageElement interface