What's new
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

Resizing image using photoshop for home page


ramsforums

New Member
Messages
2
Likes
0
Greetings

I have a Full page graphics image in home page. Currently the

File size =968K

The Image size is as per below

2q2050i.png


1) What is the actual size of image we should maintain?

Some Examples (as of original writing)

Here are some examples of bigger corporation websites using full screen background images:

1400 x 875 –1.6 ratio– Patagonia
1920 x 1080 –1.78 ratio– General Motors
1920 x 1165 –1.65 ratio– Zara Clothing
Here are a few full width, partial height implementations:
2560 x 1707 –1.5 ratio– Burberry
1800 wide — Burger King
1600 wide — Nike
1440 wide — Adidas

If I change my resolution from 300 Pixels/Inch to 96 Pixels/Inch the image size reduced.

2gtubsi.png

1) What should be the settings to reduce the file size without compromising image dimension(width & height)?
2) What is the actual image width and height for full size Home page design?


Thank you
 
The image size is ok but reduce the file size by saving the image as Save for web--> Select JPEG from dropdown--> Reduce from 100% to 50%


after that use the below code in CSS


<style>
div {
width: 100%;
background-image: url('example.jpg');
background-repeat: no-repeat;


}
</style>
 
Saving for web is important.
If you're on windows, you can also use FIle Optimizer for entire directories, it works wonders.
 
Thanks for sharing this image resizing property!!

Edit by Mod, link removed
 
Last edited by a moderator:

Back
Top