Go4Expert

Go4Expert (http://www.go4expert.com/)
-   Web Design, HTML And CSS Forums (http://www.go4expert.com/forums/web-design-forum/)
-   -   Cropping Images (http://www.go4expert.com/forums/cropping-images-t17463/)

akshits 11May2009 11:24

Cropping Images
 
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 11May2009 11:31

Re: Cropping Images
 
Quote:

Originally Posted by akshits (Post 47583)
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 ? :confused:

akshits 11May2009 11:38

Re: Cropping Images
 
Quote:

Originally Posted by SaswatPadhi (Post 47584)
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 ? :confused:

Review the image for more info !!

shabbir 11May2009 13:02

Re: Cropping Images
 
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 11May2009 13:16

Re: Cropping Images
 
Quote:

Originally Posted by shabbir (Post 47591)
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 11May2009 14:04

Re: Cropping Images
 
Quote:

Originally Posted by akshits (Post 47592)
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 12May2009 01:33

Re: Cropping Images
 
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

akshits 12May2009 09:48

Re: Cropping Images
 
Quote:

Originally Posted by nimesh (Post 47640)
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 13Oct2009 21:01

Re: Cropping Images
 
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 14Oct2009 08:28

Re: Cropping Images
 
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.


All times are GMT +5.5. The time now is 10:24.