HTML and CSS Reference
Minimizing a crop selection of any given image
ultimately provides you with much lower file sizes,
resulting in a more lightweight web page.
Depending on multiple factors, it can be a save.
In top.png case, a 50x50 crop selection resulted into
a size of 231 bytes , while a 2x40 one gives you 142
bytes . It was a save of 89 bytes.
Back to Photoshop: save the newly image as top.png;
this image is in the /includes/images folder.
You don't write any HTML or CSS code for now,
you are just doing an analysis over the design and
crop some parts of it.
Save it and move on the next part of Monoplate .