How to prepare pictures for the web with PhotoFiltre

skor

missing shots since 1995
Silver Member
In the spirit of Monto P2 I decided to write a "HowTO" on preparing a photograph for internet/forum viewing using a great free software called PhotoFiltre.

How to prepare pictures for the web with PhotoFiltre


Download and install PhotoFiltre which is a free and easy to use photo editing software.
You can download the PhotoFiltre from here:
http://photofiltre.free.fr/download_en.htm
You can choose the English or French version. For other languages you can download the desired language file from the same page.

Start PhotoFiltre and import a picture. From the top menu bar click File --> Open


step001.jpg



A window will pop up, browse to the desired picture file and click Open


step002.jpg



I want to post a picture of a pool ball and as you can see there are other elements in the picture that are not relevant, you also see at the bottom that the picture size is very big.


step003.jpg



First thing to do is to crop the picture, at this step I will "cut" the 15-ball out of the picture, to do that I will use the mouse.
While holding the mouse's left button mark the desire area of the picture, you will see a dashed border that marks the desired area.


step004.jpg



From the top menu bar click Image --> Crop or use the key combination of "Ctrl+shift+H".


step005.jpg



After clicking the Crop option we will be left with only the desired area of the original picture.


step006.jpg



If you want to change the marked area then you can just click anywhere outside the marked area and mark a new area.

As you can see, the new picture is smaller but I want to make it even smaller. To reduce the picture size: From the top menu bar click Image --> Image size


step007.jpg



A window will pop up with the image size parameters


step008.jpg



Make sure that the image size values are in pixels and that the resolution value is in pixel/inch. Also make sure both boxes of "Preserve aspect ratio" and "Optimize" are checked

Change the size to the desired values, note that since the "Preserve aspect ratio" is checked you can only change the width or height of the picture and the other parameter will change automatically.
Change the resolution value to: 72pixels/inch. There is no need for higher resolution for internet viewing of pictures.
Click OK.


step009.jpg



To save the new picture, from the top menu bar click File --> Save as
A window will open up.
* Browse to the location you want to save the picture at.
* Rename the picture
* Select PNG from the "Save as type"
* Click Save


step010.jpg



An option window for PNG will pop up, just leave the default ?none? option and click OK.

If you choose the JPG file type then the option pop window will give you a slider to choose the compression level, set the slider to the value of 60.
This will create a lighter file the the PNG file but the quality will be a bit lower.

More advanced users can also modify the pictures with the different tools that the software offers.

That's it! The picture is ready for uploading to the web.
We had a 2816x2112 pixels 1.73Mb picture and ended up with a 600x581 pixels 597K picture (for JPG with the compression level of 60 the file size would be about 50K)

Enjoy!
 
Last edited:
Great tutorial can you layer images with this lets say i have 3 different views of the same cue and want them all on 1 single image so we just publish 1 pic rather than let say 3 I was trying to find a way with this software and if there is I have not cracked it yet
 
I agree. A lot of time spent doing this post as well and deserves some green. I'm curious about batching pictures with this software too.

Gene
 
RDCustomCues said:
Great tutorial can you layer images with this lets say i have 3 different views of the same cue and want them all on 1 single image so we just publish 1 pic rather than let say 3 I was trying to find a way with this software and if there is I have not cracked it yet


Yes you can!

Here goes another "how to".....

Here I have imported 3 pictures that are already prepared, I got then all to be at the same width with different heights.


montage001.jpg



Now open a new file. Click File --> New


montage002.jpg



Enter the size of the desired new picture, in this case all 3 pictures have the width of 700 pixels and the height is the total of all 3 pictures.
Click OK and a new "blank" picture file will open.


montage003.jpg



Select the desired picture and from the top menu bar click Edit --> Copy


montage004.jpg



Now select the new file and from the top menu bar click Edit --> Paste


montage005.jpg



The copied picture will now be in the new picture file and it will be marked with a dashed frame, you can drag the picture to locate it where ever you want. Once you click outside the frame it will disappear and the pasted picture could not be moved anymore.


montage006.jpg



Follow the last steps for all the pictures that you want to ad to the new montage.

Note:
for easy alignment of the picture you can select the "Snap to grid" option from the top menu bar click View --> Snap to grid.
This option will cause the framed object to snap to the file borders and to other objects border.

When you are done just save the new picture file in any desired format.


montage007.jpg



You do not have to place the picture perfectly, you can just "throw" them on the new "canvas" and create cool montage pictures....

Here is the end result


lucasi_montage.jpg
 
Back
Top