JPG, PNG, GIF, SVG - What's the 'correct' format for your images?  3 minutes to read

JPG, PNG, GIF, SVG – What’s the ‘correct’ format for your images? 3 minutes to read


Should you use JPG, PNG, GIF or SVG?

Business concept illustration.

Saving an image using the default file type recommended by your computer will be the easiest method. However, you can still make your content look good and work more efficiently by saving them in the correct format.

If this feels overwhelming, help is at your fingertips with the following handy flowchart. And if you’re feeling confused about whether to save your images as JPG, PNG, GIF or SVG, here’s the review for you. This built-in flowchart enhances your own images, vectors or logos. And who knows, one day it might help put your logo on the list of the “top” logos.

What is Flowchart?

Flowchart is a graphical means of visualizing that task sequence into a simple image consisting of steps, result change conditions, and more.

According to the Allen Hsu From Modo Modo Agency, large images should be saved as JPG, while smaller photos or transparent, non-moving images should be saved as PNG. Vector images must be saved as SVG to ensure you meet web design standards besides moving images or graphics without gradients to be saved as GIF.

Flowchart of Hsu also suggests that gradient logos should be “destroyed” rather than saved. It’s a pretty ironic approach, but since gradient logos are a polarizing design choice, we envision that could be a popular trick.

Remember this is not a perfect guide. In the comments section of the post, users are Medium Leo Herzog would strongly indicate that the transparent type should end in PNG while Charlie Hayes emphasize that GIFs are often better served by saving them as PNGs.

To defend myself, Hsu reply: “I don’t avoid listing” certain conditions “. hey, it’s just easier to turn them into a chart and that’s why I designed this chart. Also, GIFs are great for email! ”

And if the image you’ve saved or received doesn’t look good, don’t forget to check out this tutorial. Good luck.

Translator: Nam Vu

Source: creativebloq

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *