You can find step by step instructions in the tutorial How to compress images for WordPress and the web with Affinity Photo How do I optimize an image for Web without losing quality? When we optimize and compress images for the web we most often use JPEG or PNG.įinally we remove the EXIF metadata that contains information about the photo that adds to the file size without serving any purpose for our website. Then export the image to the most suitable format for your purpose. Start by re-sizing the photo to the correct size (pixels) for your purpose. You reduce the image file size with Affinity Photo in 3 different ways. How to reduce file size with Affinity Photo Look at “Step 2: Choose exporting options” for more guidance. With Affinity Photo we achieve the same level of optimization and compression by choosing “File > Export”. “Save images for Web” is a Photoshop command. Common questions on how to optimize and compress images with Affinity Photo How to save images for Web with Affinity Photo compare Photoshop We have optimized and compressed an image from 131,17 kB to 34,01 kB following 6 simple steps. Removing EXIF metadata decreases file size to 34,01 kBĪnd there you have it. This is a saving of 3 kB and every little bit helps. When we return to the “Export Settings” window we can see that the image file size now is 34,01 kB. We then click “Close to return to the “Export Settings” window. In the new window that opens we uncheck the checkbox for “Embed metadata”. To remove EXIF data we click the “More…” button in the “Export Settings” window. Examples of EXIF data would be information about the camera and information about where the photo was taken. EXIF stands for Exchangeable Image File Format and is meta data about the image that we have no use for. In our final step we remove the EXIF data. ![]() Look at the images below and you be the judge. Now 37,02 kB when applying a bit more aggresive compressionīut the question is of course if we have given up too much quality in our effort to compress and optimize. As you can see below size decreases further and is now 37,02 kB. We will now look at decreasing the quality from 85 to 70 on the scale. So far we have chosen the “JPEG (High quality)” preset. The next step is to decide what level of compression we think is appropriate. Now 58,76 kB which represents a saving of 72,41 kB or more than 55% Step 5: Choose level of compression If we keep the image as is we would make WordPress load an unnecessary large image and then re-size it before showing it to our website visitors.Īs our website only needs a maximum width of 708px we will re-size the image and watch the weight of the image decrease to 58,76 kB. Our website only needs a maximum width of 708 px. This correcsponds to a image eight of 131,17 kB (kilo Bytes). Step 4: Resize imageįrom the window in Step 3 we can see that the image in question has a size of 1220 x 813 pixels. Affinity Photo let’s us choose from a range of formats:įor our purposes we will mainly be using the JPEG format as it offers the best level of compression and optimization for images on the web. We now move on to selecting the file format we want to use when we export the image. With our image open the next step is to select to Export the image. Simply click File > Open and then browse to the location of the image you want to open. How to compress images for WordPress and the web with Affinity Photo Step 1: Open image in Affinity Photoįirst we need to open the image file we want to optimize. This is the reason we compress and optimize our images.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |