1. step: Reducing the size
If the above questions “again” the answer, then the solution: reduce the image size. Any image editing program, and this can easily adjust. The iPhone is a normal horizontal image 3200 px width. The header image, a 13 taking into account the full width of less-inch screen, mint 1300 It would be pixels. So one made with iPhone and instantly upload pictures, without editing, nearly three times higher.
You can use Photoshop, but basically any other image editing software can help, because it is a very simple task. You can use the preview to a Mac or an online service, which allows you to change the size of all at once. Another simple software, what I like Pixlr , a simple and completely free Photoshop style software, which runs in the browser.
2. step: compress the image in TinyJpg.com-tal
Töltsd le a képet gépedre és csak húzd és vidd a TinyJPG.com website. you get an optimized version of the image in a few seconds. The new compressed image hardly distinguish it from the original.
According to the website so that it works: “textures, the patterns and the colors automatically identify. The encoder uses this data to optimally compressed JPEG file is created. The final result is compared with the original and the optimized version. Excess metadata canceled “.
I use this solution running on platforms other than the WordPress solution for websites, where the next step can not be used.
3. step: use a plugin, to gather
Numerous plugins, which automate the second step. A Imagify használom erre. This device compresses all the pictures on the website, and the percentage of saved image size.
I tested two different scenarios:
- five iPhone 6 picture + MacBook Png screenshotok
- Five pictures of a semi-professional Sony camera
In both cases, I have the following:
- The original image 900 It is dimensioned pixels, to fit in a blog post
- Manually compressed through TinyJpg.com-one
- Automatically compressed Imagify (ultra optimization)
Each image format (original, manually resized and TinyJpged) I uploaded the pictures, and ascertain, how to automatically compress Imagify. The goal was, to find out, which performed better or plug all the work for me.
In both cases, the individual steps are slightly reduced image size, so pictures are smaller. The standard iPhone photo 3200px width, 3,5-times more, as the necessary 900px.
In the first step, the image size 87% -decreased by:
|Format||Original (px)||Original 900px-up||Resized from 900px – Reduction|
Later on, In most cases, the iPhone can compress images and screenshots of all steps: resizing, Compression using TinyJpg and Imagify. Each new step is situated on top of each other, the percentages are not cumulative.
|Format||Original (px)||Resized from 900px
|900px + TinyJpg + Imagify
|final size (kb)|
Any of the Sony camera used has not won a “definitive” Imagify from the compression after TinyJpg.
But here's the trick: Compression of the TinyJpg with them a reduced size, which could not be reached for Imagify. When I left the TinyJpg was ignored, Images of the same size would remain, than a second column:
|Format||900px + Imagify
size is about
|900px + TinyJpg
size is about
This problem often overlooked, do not spend your time, because energy is not important, and the!
You do not have to do all three steps, but two can combine. resizing of images for the first time, and then manually or automatically compressed.
If you want to impress a client, you can run a speed measuring device, such as GMetrix or fix the Page Speed Insights score before and after. 22 I raised above image is an image optimization.