Cropping Images

akshits's Avatar, Join Date: May 2009
Go4Expert Member
Hello,

I had a question of how to crop images.

Example:

Yahoo! All New Mail
http://l.yimg.com/a/i/us/pim/dclient...19cb6379_1.gif
These pictures are put at different places from the same image

How to get small pictures from 1 big picture, example has been given !!

Regards
SaswatPadhi's Avatar, Join Date: May 2009
~ Б0ЯИ Τ0 С0δЭ ~
Quote:
Originally Posted by akshits View Post
How to get small pictures from 1 big picture, example has been given !!
I don't really get your question, I mean you can use any Image Editor, even MS Paint. Cut out a selection out of a large pic and paste in a new file : Done !
Please pardon me if I misunderstood your question, but is it that simple ?
akshits's Avatar, Join Date: May 2009
Go4Expert Member
Quote:
Originally Posted by SaswatPadhi View Post
I don't really get your question, I mean you can use any Image Editor, even MS Paint. Cut out a selection out of a large pic and paste in a new file : Done !
Please pardon me if I misunderstood your question, but is it that simple ?
Review the image for more info !!
shabbir's Avatar, Join Date: Jul 2004
Go4Expert Founder
Read Flicker Free Image Button Rollovers. They use the same for loading one large image instead of many small images reducing the File I/O
akshits's Avatar, Join Date: May 2009
Go4Expert Member
Quote:
Originally Posted by shabbir View Post
Read Flicker Free Image Button Rollovers. They use the same for loading one large image instead of many small images reducing the File I/O
No,no, I don't mean that.
Please review the picture and then goto Yahoo! All-New Mail.
The whole pic has small pics (not really) and then are used in parts.

Regards
shabbir's Avatar, Join Date: Jul 2004
Go4Expert Founder
Quote:
Originally Posted by akshits View Post
No,no, I don't mean that.
Please review the picture and then goto Yahoo! All-New Mail.
The whole pic has small pics (not really) and then are used in parts.

Regards
Yes. They way it is done is same as for the Flicker free image rollover article states.

It shows only some portion of the image like the one in the sample.

You can use to have it for one image or even small part to show as roll over image
nimesh's Avatar, Join Date: Apr 2009
Invasive contributor
This technique has a specific name, which I can't remember now
I'd read about this some time back, on wikipedia.

What you want is somthing like this:
http://www.guistuff.com/css/css_imagetech1.html

Last edited by nimesh; 12May2009 at 01:47..
akshits's Avatar, Join Date: May 2009
Go4Expert Member
Quote:
Originally Posted by nimesh View Post
This technique has a specific name, which I can't remember now
I'd read about this some time back, on wikipedia.

What you want is somthing like this:
http://www.guistuff.com/css/css_imagetech1.html
Correct, please give the tech name as soon as possible.
Thx.
nimesh's Avatar, Join Date: Apr 2009
Invasive contributor
I don't know how but today suddenly this caught my attention and I finally succeeded

the term is image slicing
Also refer sprite
venami's Avatar, Join Date: Dec 2008
Ambitious contributor
Hi nimesh,

I browsed through this link:
http://www.guistuff.com/css/css_imagetech1.html

I wonder how the images in this webpage are loaded, whether as an image or something else?
Because when I tried to save the cropped images to my PC, I could not copy the image. But I was able to copy the original images using "Save Picture As" option.

Is this the problem with the browser? Or the webpage developed using HTML5?

Thanks for sharing this link, it was really helpful.