Cropping Images

Go4Expert Member
11May2009,11:24   #1
akshits's Avatar
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
~ Б0ЯИ Τ0 С0δЭ ~
11May2009,11:31   #2
SaswatPadhi's Avatar
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 ?
Go4Expert Member
11May2009,11:38   #3
akshits's Avatar
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 !!
Go4Expert Founder
11May2009,13:02   #4
shabbir's Avatar
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
Go4Expert Member
11May2009,13:16   #5
akshits's Avatar
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
Go4Expert Founder
11May2009,14:04   #6
shabbir's Avatar
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
Invasive contributor
12May2009,01:33   #7
nimesh's Avatar
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..
Go4Expert Member
12May2009,09:48   #8
akshits's Avatar
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.
Invasive contributor
13Oct2009,21:01   #9
nimesh's Avatar
I don't know how but today suddenly this caught my attention and I finally succeeded

the term is image slicing
Also refer sprite
Ambitious contributor
14Oct2009,08:28   #10
venami's Avatar
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.