Make writing a habit together! This is the 12th day of my participation in the “Gold Digging Day New Plan · April More text Challenge”. Click here for more details

What is TIFF? TIFF image format (.tif file format)

TIFF is a file type that is best used for high-quality images that need to be edited. TIFF files are large, so they are not suitable for online sharing.

You should use TIFF when quality is more important than file size. In practice, PNG is almost always the better choice — especially when working with images on the web.

What is SVG? SVG file format (.svg file extension)

SVG is scalable vector graphics. This means that graphics can be scaled to any size without loss of mass.

Unlike all the other file formats we’ve discussed in this article, SVG files are vector files. (JPEG, PNG, GIF, and TIFF are raster files.)

This means that SVG files can be scaled to any size without losing quality, whereas raster files lose quality when they are enlarged.

You can edit SVG files using vector editing software (or just manually update the coordinates and colors of the graphics). You can only edit PNG files using raster editing software.

This is a sample SVG file from the Mozilla Developer Network. This is what SVG looks like in its native XML code form:

< SVG version = "1.1" width = "300" height = "200" XMLNS = "http://www.w3.org/2000/svg" > < the rect width = "100%" height = "100%" fill="red" /> <circle cx="150" cy="100" r="80" fill="green" /> <text x="150" y="125" font-size="60" text-anchor="middle"  fill="white">SVG</text> </svg>Copy the code

This simple code renders this image:

A red square with a green dot and the letter “SVG”.

SVG files are generally smaller than PNG files because they contain only the data needed to draw the image, whereas PNG files contain the data for the entire image.

You can also animate SVG files using a tool called SMIL. As a result, they can be used as very space-saving GIF files. If you’re really adventurous, you can write SVG.

JPEG VS PNG — Which image format is best for the Web?

As we lay more fiber optic cables and high-speed satellite Internet becomes more common, the web of the future may look very different.

But for now, my recommendation is to use JPEG for most images.

PNG is a good choice if you have a company logo or very important photos where quality is critical.

For logos, I recommend using SVG because it can be scaled indefinitely and is very compact.

conclusion

Hope can help you!