From be6defe7af4963165674398a70ff17315b3eab79 Mon Sep 17 00:00:00 2001 From: T3SQ8 Date: Sat, 17 Jul 2021 02:26:11 +0200 Subject: Added image compression guide --- imgcompress.html | 74 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 74 insertions(+) create mode 100644 imgcompress.html (limited to 'imgcompress.html') diff --git a/imgcompress.html b/imgcompress.html new file mode 100644 index 0000000..320392d --- /dev/null +++ b/imgcompress.html @@ -0,0 +1,74 @@ + + + + Image compression – LandChad.net + + + + + + + + +

Image compression

+ +
+

+ Image files will usually have the most impact on the + speed of your websites (aside from Ad/tracker scripts). + Learn to slim down your images using the ubiquitous + ImageMagick to make your websites faster on + slow internet connections. +

+ Image network speed +

+ For the examples, I decided to use + this + public domain image. +

+ Compressed image of a cat +

There are many ways to decrease image size using + ImageMagick, the simplest is to use the + -quality option, which will compress the + image without changing the resolution. This option + takes the value you want to compress by (between 1 and + 100, the lower the value, the lower the file size). For + example:

+ 
convert in.jpg -quality 50 out.jpg
+

+ Compressing the example image above results in the + following file size changes: +

+
+ + + + + + + + + + + + +
QualitySize
Original2.1M
901.7M
80844K
70588K
60448K
50368K
40308K
30248K
20184K
10116K
+
+

+ Due to the images high resolution, it is usable in this + website even when highly compressed (30% quality, still + looks decent in my opinion). +

+

Contribution

+ +
+ + + -- cgit v1.2.3