HTML and CSS Reference
In-Depth Information
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.
2
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
.