Image and color basics on the web

Jpeg, png, gif, svg…it has a certain rhythm 🤡


Shorthand for its creators – Joint Photographic Experts Group – JPEG is a method for compressing images. Relying on an algorithm for compression, a maximum image size of 4 gigapixels and an aspect ratio of 1:1, the JPEG features the suffix .jpeg or .jpg.


Also known as Portable Network Graphics, seen as .png, PNG was developed as a lossless data compression style for replacing the ever-popular GIF format. Talking of which…


Ah yes, the GIF (pronounced jiff…or giff…who knows 🤷‍♀️. Believe it or not, the Graphics Interchange Format dates back to 1987. With a maximum format of up to 8 bits per pixel, the .gif was originally designed as a color formatting platform for images. Nowadays, they’re best known as endlessly-looping silent films…colors optional.


Perhaps the most dynamic of what we have discussed thus far, Scalable Vector Graphics – or .svg – allow for interactivity with two-dimensional graphics and animation. They are compatible with all browsers, and allow for easier editing within programs designed for that purpose.



If you’re used to a Mac, chances are you’ve already experienced Preview a bit. Beyond showing Internet-downloaded images and PDF readings for class, Preview is highly effective tool for editing pictures…as you will come to know when it comes time to adjust image sizes 😇.

Photoshop basics

When it comes to editing pictures, Adobe has you covered. Check out this quick read straight from the source on how to brush up on your inner amateur photo artist.