Author Topic: Image re-sizing to fit the screen size  (Read 2017 times)

cotlet

  • Verified Member
  • *
  • Posts: 197
  • Kudos 2
Image re-sizing to fit the screen size
« on: May 12, 2012, 10:20:17 AM »
Dave,

I noticed that on smaller monitors images which are bigger are partially off the screen and require to be scrolled to the side. I don't know if I'm explaining it right  :-\.
On my desktop I don't have this problems, at work or on the laptop, where monitors are smaller, it is quite annoying. I simply can't see the full image. I can imagine it is even worse on any hand held devices. That was one of the reasons why I used thumbnails before.
I'm pretty sure in the SmallMachines engine it is possible to make displayed images fit to the size of the monitor. I've seen it work this way. I don't know exactly how to do that ... I may ask around if you want...
Cheers,
Tomek

Dave Winfield

  • Administrator
  • *****
  • Posts: 2648
  • Kudos 51
    • Dave's Card Creations
Re: Image re-sizing to fit the screen size
« Reply #1 on: May 12, 2012, 03:38:26 PM »
Just an FYI... Images should be hosted elsewhere...like ....??
Then you can use the direct link URL to place the images in your posts.

I have already checked, and I see Cotlet's images are hosted at Photobucket.

(I am asking all members to please host their posted images elsewhere as I am unsure
of the attachment storage capacity that is available through this host)


...

Screen size is unimportant...its the "screen resolution" that is the concern.
1024px and 1280px are common desktop resolutions.
However many widescreens and Laptops are set to 1920px

I won't cater to anyone who is still on a 800x600 system. (sorry)
More and more people are using widescreen and laptops so screen width isn't usually an issue.

Whatever size your image is, at Photobucket, is what size will the image will appear here.
I think can set the forums to downsize any and all images to a max size.
In fact, I think did that from the start?
But I can't remember what that size was...but it wouldn't be too small.


I like to be able to post pics in the 800-900px wide range.
Anything larger than that and you run into a problem with those people who are still running 1024x768 monitors.
I also find that big image can overpower the screen making it difficult to view them properly.

Its up to you how big you want your images to be.
When you upload an image to Photobucket, there may be a size limit that is applied.
You will need to check that and adjust your own seetings if necessary.

But I would recommend you don't upload and try to post any image that is larger than about 900px.
DAVE WINFIELD - GO TO WWW.CUTANDFOLD.INFO FOR MY DESIGNS AND LOTSA FREE STUFF!

Dave Winfield

  • Administrator
  • *****
  • Posts: 2648
  • Kudos 51
    • Dave's Card Creations
Re: Image re-sizing to fit the screen size
« Reply #2 on: May 12, 2012, 03:41:19 PM »
another tip...
when viewing a website, press and hold the CTRL key.
While doing so, dial your Scroll Wheel (in your Mouse) forward and back.

You should see the webpage enlarge and reduce to fit your window.

This is a method of varying the text size
but it also allows you to adjust your webpage for full window viewing.
DAVE WINFIELD - GO TO WWW.CUTANDFOLD.INFO FOR MY DESIGNS AND LOTSA FREE STUFF!

cotlet

  • Verified Member
  • *
  • Posts: 197
  • Kudos 2
Re: Image re-sizing to fit the screen size
« Reply #3 on: May 14, 2012, 02:17:02 PM »
I think I wasn't clear ....

The screen size seems to be important, I think. Each device I'm using to check the forum shows the linked images differently. Except my iPod, all of the machines I'm using are set to at least 1024x768 resolution. No problem here then. What is different is the monitor size. With larger monitors I don't have any problems, linked from photobucket images are displayed fully, in original resolution, on the screen. On my work computer and iPod images are too wide to fit on the screen. I wouldn't consider this an issue if I haven't seen large images as mine (1024x768) fit my smaller screens (even iPod screen) without any problems. I've experienced it on Small Machine operated forums. Linked images are automatically downsized to fit the screen they are displayed on. Clicking on the images give me a chance to see the real size of the image (and requires scrolling or moving in other ways the image which became bigger than the screen). The image resolution or size is not an issue in such set up, everything works flawlessly for the comfort of the viewer.

Anyway, it seems like I'm the only one having some issues, so this could be just a nuance, not worth bothering. Never mind  ;)
Cheers,
Tomek

Dave Winfield

  • Administrator
  • *****
  • Posts: 2648
  • Kudos 51
    • Dave's Card Creations
Re: Image re-sizing to fit the screen size
« Reply #4 on: May 14, 2012, 03:07:32 PM »
as I said...right off the bat you are causing a problem for most people who have their computer screens set to 1024x768

Since there is a margin and frame to the Forum template, the 1024 image will not fit on the screen.
It would need to be automatically resized down.
This is a setting that can be applied to most forums, but it would be an across the board setting.
Every person would see a reduced size image.
And every image, regardless of its original size, would be resized to the same preset size.

It can't cater just to you.
It can't cater to each and every device you use.

If an image is posted on a forum using an automatic reduction or thumbnail, then everyone will see
a reduced image or a thumbnail...and clicking the image will usually allow you to view a full size version.
But again, this can't be catered to each individual user.

This is an excellent reason to get out of the habit of posting larger images.
Leave those in your Photo Galleries.
They are annoying to most people who are not running high resolutions or larger screens.
I can't stand it when an image doesn't fit my screen or fit within the frame of the Forum.
DAVE WINFIELD - GO TO WWW.CUTANDFOLD.INFO FOR MY DESIGNS AND LOTSA FREE STUFF!

Dave Winfield

  • Administrator
  • *****
  • Posts: 2648
  • Kudos 51
    • Dave's Card Creations
Re: Image re-sizing to fit the screen size
« Reply #5 on: May 15, 2012, 09:45:37 AM »
Just a follow up to this issue...
I did a little research to satisfy my own curiosity.

As I thought...other than the normal Forum adjustments that occur between Browsers
there is no way to modify each and every picture to suit every viewer on every machine.

There is a automatic size adjustment that is applied to the forums.
In my case I have it set to 900px wide and 900px tall.
(Not sure why Cotlet got bigger pics to post though?...I'll have to look into that! lol)

What it means is that any image posted that is larger than 900px
will be automatically reduced to that maximum size.

I run two monitors...one is a 1024x768 (19") and the other is 1920x1080 (23")
(These are two of the most common viewer resolutions for webpages)
One advantage is when I am working on webpages, I can drag the file across both screens
and get an instant view of how the layouts look in either resolution.  I always lay out webpages
to fit on a 1024x768 screen as their defualt.

Let me show you what happens when you post pics larger than 900px on a Forum:



This is a shot across my entire desktop.
Screen on the left is 1920px, and 1024 px on the right.
Same webpages in the browser.
Both the same browser with all the same settings.
One zoom across both screens.

You will notice that the forum layout automatically resizes itself to suit the browser.
Even the text reformats to fit within the adjusted margins.
But the images are externally linked Photobucket images (1024px wide)
and on the 1024 screen the images are not fitting wthin the margins.
(at least 20% of the photo is hidden under the right margin)

This is how everyone will view the forum and see the oversize images if they are still running a 1024x768 resolution. 
(Apparently somewhere around 50% of Desktop computer users are still using this resolution)

Odd...the above posted image was intentionally larger than 900px and has been automatically resized
by the Forum (down to 900px).
For some reasons not all pics are getting resized...
but this is what is supposed to happen whenever pics are posted.

oh and one more thing...really large images slow down page loads. That irritates some people.
especially if you still have slow Internet service.

...and a note to Cotlet:  it doesn't matter how small the pics get, your builds will still look fantastic!
Now get back to modeling!
DAVE WINFIELD - GO TO WWW.CUTANDFOLD.INFO FOR MY DESIGNS AND LOTSA FREE STUFF!

cotlet

  • Verified Member
  • *
  • Posts: 197
  • Kudos 2
Re: Image re-sizing to fit the screen size
« Reply #6 on: May 15, 2012, 10:54:10 AM »
Cheers,
Tomek