Post Reply 

Apparently inconsistent image-size behavior

Mar 23, 2014, 11:39
Post: #1
Apparently inconsistent image-size behavior
Had: Photoshop images in HTML 3-column table.
Catastrophe: Photoshop-containing computer died.
Have: 1 GIMP image in HTML 3-column table, next to columns with Photoshop images.
Problem: Images appear to be same pixel size and resolution when viewed in GIMP, but the Photoshop images autoscale to fit the table cells and the GIMP image retains its original size.
Since everything else on the HTML page scales with window width, this is deucedly awkward.
Question: Is there some magic spell I have mispronounced?
Reference: http://electromontis.net/evoligion/_G/index.shtml#Sx (Scroll up to see Photoshop images that scale properly when you change the window width.)
Odd finding: If I click on the Gimp image, I get a draggable phantom which is the right size.
Find all posts by this user
Quote this message in a reply
Mar 23, 2014, 13:02 (This post was last modified: Mar 23, 2014 13:09 by rich2005.)
Post: #2
RE: Apparently inconsistent image-size behavior
Ofnuts is the web page guy. If it is Gimp and not the HTML then probably

Gimp 2.8.x saves jpegs in progressive mode.

The image that works is not in progressive. Try exporting your images with progressive unticked in the advanced dialog.

[Image: va9mhSf.jpg]

on the other hand, I get a 'file not found' if I try and download the link to B- and C- could be the code.

** https://www.gimp-forum.net/ now answering questions**
Find all posts by this user
Quote this message in a reply
Mar 27, 2014, 14:39
Post: #3
RE: Apparently inconsistent image-size behavior
(Mar 23, 2014 13:02)rich2005 Wrote:  Ofnuts is the web page guy. If it is Gimp and not the HTML then probably

Gimp 2.8.x saves jpegs in progressive mode.

The image that works is not in progressive. Try exporting your images with progressive unticked in the advanced dialog.

[Image: va9mhSf.jpg]

on the other hand, I get a 'file not found' if I try and download the link to B- and C- could be the code.

I saved the original GIMP image with 'Save for Web ...', 53kb, with Progressive unticked. The 'Export as...' version is 80 kb, also with 'Progressive' unticked, but neither of them scales with width in the HTML.

(I removed the B- and C- images from the web site, because I was about to replace the B- image--until I discovered that the new A- wasn't working quite right. The old Photoshop D-, E-. and F- versions remain in the row below to show expected behavior.)

To access the 'Progressive' option, I have to create a new replacement image. I keep doing this, and have added a comment ('Progressive unticked') which I haven't found a way to view, but it is there to ensure that this is the right copy.

I have not found a way to display the 'Exif Tool', which reports on progressivity.

The Powweb server accepts .png and .gif formats as well as .jpg, but these do not scale either. (I cannot, at this point, try Photoshop version of these formats, since my Photoshop version doesn't run under Mavericks.) The current image is .png.

There are over 100 Photoshop images in the book, and they all scale without attention. I have no idea how HTML5 scales images, but it seems that there must be some fundamental difference between what Photoshop and GIMP do that is format independent. Is that a clue?

There are obvious differences between browsers, but they seem irrelevant. Firefox and ICab, for instance, scale the Photoshop images and not the GIMP's, but make all of the table columns as wide as the first, but with small images--which is odd. TOR behaves like Safari. Mavericks won't let me open SeaMonkey, and I haven't touched a Microsoft product since 1976, after a postcard from Bill Gates about MS-DOS on the Trash 80 which said, 'That was the easiest way to do it, and I didn't make enough money on the project to worry about it'--which I felt adequately described the MS business model. I wish I had saved the postcard!
Find all posts by this user
Quote this message in a reply
Mar 27, 2014, 22:07
Post: #4
RE: Apparently inconsistent image-size behavior
Kevin:
Thanks for pointing out the failure of Fig. 0.3 to scale. I was experimenting with that figure after HTML5 failed to validate percentage as a parameter for width (but browsers have to accept it as a legacy, and Jukka told me to just keep using percentage as long as it worked). Evidently you can do something in CSS that is equivalent to percent, but the interaction between image size and caption length means that as long as the text is subject to editing, I want to be able to try image sizes immediately, without writing a CSS handler for every trial.

And you're right about the images in the table not scaling. The columns scale-and I've always kept the page width large enough so that I didn't notice what happens when it gets too narrow. Messy.

I'm just trying to write a book: having to program it at the same time is a *nuisance*! (Well, it started out as 'a' book: some print-on-demand page limit --about 100 pages last time I looked--suggest the current division into sixths.)

Thanks again.

(Mar 27, 2014 16:59)paynekj Wrote:  I don't think it's anything to do with GIMP - I think your HTML is missing some things

As ofnuts says, the page you have pointed us to has images placed into the table without any control over their sizes, consequently they don't scale - none of them scale.

Alternatively this page: http://electromontis.net/evoligion/_A/A00.shtml#A00 has some images that do scale, but only because the HTML code has been inserted to make it happen:
Code:
<img class="fl" src="A-Images/0.2_DesertRat.jpg" alt="DesertRat" width=40%>
Where this image is specified to be 40% of the page width, so it will scale to keep that ratio as the browser window is enlarged/shrunk.

But on the same page:
Code:
<img class="fl" src="A-Images/0.3_Timeline.jpg" alt="A logarithmic timeline, 100,000 to 1,000 years ago. ..."  width="400">
This image does not scale because it's had it's width set to a fixed value (which is also what happens to images that don't have their width specified)

Kevin
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Resizing an image down without losing quality AsdAsd 0 16 Today 13:24
Last Post: AsdAsd
  delete image benhur 0 75 Oct 17, 2018 05:11
Last Post: benhur
  Change Print screen Image Settings dddemauro26 1 237 Sep 24, 2018 08:48
Last Post: paynekj
  Error Message "¬†gimp-image-set-resolution¬†" quand 2 284 Sep 8, 2018 19:35
Last Post: quand
Exclamation URGENT! How do I restore layers or a previously saved version of a saved xcf image? Txsweetcheeks1981 3 4,414 Aug 24, 2018 14:15
Last Post: paynekj

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS