Working with images (our weekly aim for March 27 - April 02)
Getting pictures from the Internet
1. Go to Google
2. Click on “Images”
3. Type in your key words and click on “Search images”, or try the “Advanced Image Search”, which allows you to specify size, format and colour, among many options.
4. Right click on any image you like, and select “Properties” from the menu that displays
5. Now you can see the URL for your picture. Copy and paste this to insert this in the file you want.
OR
4. Right click on any image you like, and select “Save image as…” from the menu that displays
5. Select where in your hard disk you’d like to save the picture for future use. You can choose between two formats: .bmp is convenient for editing the picture (e.g. changing colours in it), but .jpg produces lighter files.
NB: Images may be subject to copyright. Make an effort and respect author’s rights!
NB 2: Procedure 1 to 5 may not work if the link to the site where we are taking the pic from is eventually broken.
A possible solution for this should be to upload the pic to "files" (wiki) or to one of those storage albums (photo hosting sites) we have for free in the net (Village Photos, Yahoo! Photos, Frappr, etc.)You may organize your pics in different albums there and even share them with friends or collegues.
They give you the html to use them wherever you want.
Converting and resizing pictures with Paint
So you want to upload a picture from your hard disk onto the Web (or insert it in a file you’re creating) and find it’s too large (or heavy)? Here’s one way to solve the problem:
1. Open your image file with Paint (this software comes within the Windows package, so you must have it in your hard disk if you're working with Windows).
2. Click on File / Save as and choose “jpeg format”. (this stage is not necessary if your file was already .jpg!)
3. Click on Image/ Expand or contract (or Ctrl + W) and select the percentage you like within “Expand” (a percentage below 100 will reduce your picture, one higher than 100 will make it larger).
4. Save your new file.
Resizing with PSP (paint shop pro)
Why resizing?
When we want to put a picture in the web, we have to keep it as small as possible so they download faster.
So we may need to crop first (if the photo has details we don´t want to show and to resize after that
Do you need cropping first?
If so, go to the top left and click on “file” => open, thus opening your photo.
On your left there is a toolbar. Select the crop tool, click and drag out a rectangular/square area.
Now you can see your photo with a rectangle/square selecting the part you want to keep.
If you want to modify it, just hold the mouse pointer over the outline and drag the lines to adjust the size of the cropping area.
Double click on the photo and you´ll have it cropped.
Resizing
To resize an image, go to Image => Resize.
1. Select Resize all layers, Maintain aspect radio and Smart Size.
2. Set the Resolution to 72 pixels per inch
3. Click the Pixel Size radio button and change the width and the height using pixel dimensions or, if you prefer, use Percentage of Original button. Choosing below 100 your image will get smaller; over 100 will make it bigger).
4. Click to finish.
You may use the Unsharp Mask filter after resizing your images since resizing always results in some blurring.
To do so, go to Image -> Sharpen -> Unsharp Mask.
Enjoy!
Maryte
Compressing and resizing pictures with Microsoft Office Picture Manager
MOPM is my default picture viewer. When I have to upload an image to the net, I usually adjust its properties easily with this application.
I've created a "mini-tutorial" using Bubbleshare. Click on the image to open the slideshow in a new screen to see it full size. Click on "Play Slideshow", turn your speakers on and... Enjoy!
Hope it helps. Claudia
How to embed resized pictures in a website (by Vance Stevens)
In case you have your pics stored somewhere in the net already (for example at Frappr) and just want to display them small on say a PBWiki page, here's how you do it.
If you right click on the picture and choose properties you can see its url and its dimensions. For example if you click on the following picture you will see it's at:
http://www.kidzone.ws/animals/monarch2.jpg
and it's 347 by 232 pixels (I inserted the picture URL between square brackets)
If you use the following code
IMG SRC="your picture URL" WIDTH="347"HEIGHT="232"
between angle brackets <> and change the WIDTH AND HEIGHT values keeping them proportionate, i.e. dividing them by the same digit, you will be able to resize the picture.
I've divided both magnitudes by 3 and look what happens
This is the code for the resized picture
<IMG SRC="http://www.kidzone.ws/animals/monarch2.jpg" WIDTH="118" HEIGHT="77">
For a more detailed explanation go to:
http://www.homestead.com/prosites-vstevens/files/pi/very_basics/pictureperfect.htm
Thanks Vance
Claudia
How to center a picture (by Maryte, Gladys and Claudia)
If you want your picture centered in the wiki page, just select the picture URL and click on the CENTER icon in the editing toolbar.
Elsewhere the code you should use is:
<p align=="center"><img border=="0" src=="image file URL" width=="120" height=="60"></p
between angle brackets (Maryte's tip)
<align = center> ..... >/align = center>
(Gladys' tip)
Picasa (by Dennis)
The free program PICASA -produced by Google - is quite
marvellous. It finds all the photos on your hard disk, including ones you did not know you had got, and sorts them out according to date and information it picks up from how you have named the files containing them. PICASA can do other things, like get rid of red eye or make
arty black and white versions of your coloured photos.
If you use gmail, when you attach photos they are automatically resized to proportions that most mailboxes can cope with.
Moving and Editing Pictures in Yahoo! Photo albums in our group
1.Click on Photos, then on the album where the picture to work with can be found.
2. Find your picture and check the little box next to its name by clicking on it.
3. Click on the "Move" button:
4. That will open the next screen, where you need to indicate the destination album:
5. Just select the album of your choice (you can even create a new album!), and click on the blue button "Continue" to finish moving your picture.
NOTE: If you click on "Edit" instead of "Move", you'll be able to change the name or description of any picture you've uploaded so far.
NOTE 2: in other Yahoo! groups, editing and moving pictures by members might have been disallowed by the moderator.
Working with images at Blogger
Try these excellent tutorials:
Just a quick reference for those ready to move on to doing more with pictures, e.g., creating watercolor effects, translating from .tiff to .jpeg, creating slideshows, etc. Graphic Converter is one of the very few tools I feel is worth purchasing. It's about $35 US, is bi-platform (both Mac and PC versions, and an Intel-Mac version already out), and allows use on more than one computer (i.e., my desktop and my laptop), with frequent updates and fixes for free. --Elizabeth
Resizing images with the Image Resizer Powertoy (Paul)
This, is for me, the quickest and easiest way to resize an image. Once installed you do the following:
- Click on the required size.
If you want to specify the size yourself
- Type in the size required in Custom.
- Click OK. A copy of the original is made at the requested size.
Available at Microsoft XP Powertoys. You might find some of the other Powertoys interesting too.
Editing images with Paint.net (Gladys)
On Oct 21, TechCrunch blogs:
"If you use Photoshop regularly, check out the just released version 3.0 of Paint.NET (download it here). It is 3.6 MB download that handles most of the basic (and many of the advanced) functions of Photoshop. It’s free, and even better it loads in just a couple of seconds on a newish Windows PC. I tested it, and it does everything that I need - if it was usable on a Mac I’d switch from Photoshop based on the speed of the application alone"
Worth trying, I'd say!
Photo storing on the web
Links
Click here for the links page
Comments (2)
Anonymous said
at 7:07 am on Aug 3, 2006
I'd like to decentre the section on images at Blogger, and make fonts bigger, but can find how... Clau, can YOU help?
Anonymous said
at 7:08 am on Aug 3, 2006
I meant "CAN'T" find how... :-P!
You don't have permission to comment on this page.