Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Stop Image Scaling

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Most of my images have been scaled to a common size.
In this template they are resized larger (one example from 200 x 200 to 216 x 316)
Not a good look as the images are now pixelated and way oversize on a desktop.

Especially when looking at board member page with 16 peoples photos.
The emphasis is now on the photo not the information under it.

Can't seem to find where to switch that off.
Thanks
  • Andrew's Avatar
  • Andrew
  • 12 Month basic
  • 509 posts
  • 20 Thanks
  • Karma: 10
The administrator has disabled public write access.
Hi Andrew,

Responsive imagery is an odd issue - has lots of foibles

Images need to be bigger on mobile devices and tablets in many situations

With image handling its part of a responsive template but if its zentools you do have control over some options

Do you have a link for the page?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
As usual one is localhost :blink:

Here's what I'd like to appear
The image is what I have but don't want, and I can imagine neither do the rest of the Board

The images attributes are 200px × 200px (scaled to 325px × 325px) and that shot if from my 13" Macbook, hate to see it on my desktop

As I'm typing is there a better way of laying out such a page to present something like the link? I do realise that layout doesn't handle flexible layouts, actually it's garbage. But on that page in specific it would be great to keep images at a set 200px x 200px

Would ZenGrid be a better option?
Thanks
  • Andrew's Avatar
  • Andrew
  • 12 Month basic
  • 509 posts
  • 20 Thanks
  • Karma: 10
The administrator has disabled public write access.
With images you can normally get away with enlarging them by 100% in photoshop but some of images are a little blurry already so don't think that is an option

You could try using a zentools grid layout with no responsive options enabled - that would mean the image is above the text being full width and the image holding its size

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks Paul
Your input is most appreciative.
Didn't expect support this weekend, figured I'd post while I knew the problem clearly.

Time for some testing
  • Andrew's Avatar
  • Andrew
  • 12 Month basic
  • 509 posts
  • 20 Thanks
  • Karma: 10
The administrator has disabled public write access.
No problem :)

Good luck with it

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Ok so this is a big fail :blink:
Tried Zen Grid.
Tried <div class="span3"> etc

For images to work in this format I need to increase the file sizes by 3 times.
For me this totally defeats the concept of site speed, especially on mobile devices.

Using my latest iPad (retna quality) unless the above happens, the images look absolute garbage.
I don't see why those images need to be enlarged for tablets.
Just so they go full width?
Why not the original size and centered, prior to smartphone size?
</rant> :)

So can I turn off/modify that resizing for images in content anywhere?
Or are there any other alternatives?
  • Andrew's Avatar
  • Andrew
  • 12 Month basic
  • 509 posts
  • 20 Thanks
  • Karma: 10
Last Edit: 5 years 7 months ago by Andrew.
The administrator has disabled public write access.
Hi

Are we talking zentools here or JB Type?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I'm using Newstream2 on my localhost and can't put that online to show you as my host stuffed an account upgrade and my server space is over full. :blush:

I tried Zentools Grid
And then <div class="span3">blah blah </div>
Unsure as to how I could use JB Type to achieve something similar?????

The images I am having issues with are those that I've been testing here

Any image crunched for 200px × 200px and then scaled up to 740px × 740px is gonna look pretty ordinary.

So where I've got to, and probably totally wrong is that those head shot images are needing to be 750 x 750 to begin with and when placed in the content I have them resized to 200 x 200. If so I'll need to get a new set of photos taken to go into the system.

My logic may be flawed and if so please put me out of my misery :unsure:
Thanks for your patience and perseverance Paul.
  • Andrew's Avatar
  • Andrew
  • 12 Month basic
  • 509 posts
  • 20 Thanks
  • Karma: 10
The administrator has disabled public write access.
Did you turn off image resize and the responsive image setting section in the zentools settings?

That's what I was thinking of

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
All resizing and responsive switched off.

Paul I'm thinking I'll leave this be until we can get the install online
  • Andrew's Avatar
  • Andrew
  • 12 Month basic
  • 509 posts
  • 20 Thanks
  • Karma: 10
The administrator has disabled public write access.
Thanks Andrew,
Let us know when you have a site to look at - thanks!
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers