Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Reducing images

Featured Replies

Hey guys,

 

What do you find the best method for scaling down screen shots of web pages to display in your portfolio but still having a decent quality?

 

When ever I scale down my shots they look a little poor.

 

Cheers.

Do you mean via html/css or in an editor. I wouldn't recommend css, images get squashed. Html resizing is very ppor, especially for large scaling.

 

Best quality resize in photoshop and save as a jpg. If you want to resize on the fly then you could use the timthumb.php script

photoshop the best tools, or gimp both work just fine.

if auto sizing on site, than like asek says, timthumb

  • Author

Sorry I wasn't too clear, I mean I use photoshop but the quality isn't great. Are there any techniques you use to help the quality?

 

Thanks

I usually resize/zoom my browser first to grab the image.

Hi,

 

the key with Photoshop resizing for web use is to make sure you resize to the exact pixel dimensions and not just the right ratio. And always view the image at 100%. Then use the export to web devices function to optimise the image file size and control quality loss.

 

-------------

 

Web Design Leeds

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.