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.

example veiw help please

Featured Replies

Hi on my website i have websites as examples but when i make them small enough to be on the page as an example it is very distorted. I have noticed on most other sites they have examples of the same size but very clear.

How can i do this so that my example b4 being clicked on is clear enough to view as a thumbnail type pic

Are you just reducing the large images size in the html like this:

 

<img src="image.jpg" width="58" height="58" />

 

or are you making a thumbnail image of your site in graphics editor?

 

 

 

I only ask because if it is in the html you should use a graphics editor and make a thumbnail sized image rather than relying on the browser to make a good reduction (this will never happen). If you are using a graphics editor which one are you using?

  • Author
Are you just reducing the large images size in the html like this:

 

<img src="image.jpg" width="58" height="58" />

 

or are you making a thumbnail image of your site in graphics editor?

I only ask because if it is in the html you should use a graphics editor and make a thumbnail sized image rather than relying on the browser to make a good reduction (this will never happen). If you are using a graphics editor which one are you using?

First thank you for the rapid reply.

actually im a bit ashamed lol

i got the website up in IE and did a print screen and then saved it in PAINT.

I havent got a clue about image editors do you have a good one to do this?

And yes i inserted the saved foto into a wysiwyg program and moved it around to fit much smaller

 

www.laborewebs.co.uk

 

have a look on that site you will see what i mean on the portfolio page

my word that is terrible quality - your thumbnails take ages to load as you're using the large sized image and shrinking it down with HTML. If I view the image separately in another browser they're huge and very pixelated.

 

I normally take a section of the site graphic and make a thumbnail out of that when I want to show websites or other work in my portfolio...I personally think it's better than a full screen shot. I take a screengrab and then in Fireworks select the bit I want to be a thumbnail.

 

I looked at your source code and took a note of the width you have your current thumbnails and made you the following...hope that helps...

 

post-7-1198971262_thumb.jpg

post-7-1198971276_thumb.jpg

post-7-1198971413_thumb.jpg

post-7-1198971427_thumb.jpg

  • Author
my word that is terrible quality - your thumbnails take ages to load as you're using the large sized image and shrinking it down with HTML. If I view the image separately in another browser they're huge and very pixelated.

 

I normally take a section of the site graphic and make a thumbnail out of that when I want to show websites or other work in my portfolio...I personally think it's better than a full screen shot. I take a screengrab and then in Fireworks select the bit I want to be a thumbnail.

 

I looked at your source code and took a note of the width you have your current thumbnails and made you the following...hope that helps...

 

post-7-1198971262_thumb.jpg

post-7-1198971276_thumb.jpg

post-7-1198971413_thumb.jpg

post-7-1198971427_thumb.jpg

My word they certainly do make a difference i thank you for making the thumbnails for me. Im going to have to work at getting this right but you have opened my eyes. thank you for that.

 

Oooops just noticed i spelled VIEW wrong in the topic too lol

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.