1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How to automatically resize images and display them properly in joomla?

Discussion in 'Web Design' started by raghav, Jun 7, 2013.

  1. raghav

    raghav Power Member

    Joined:
    Jan 4, 2011
    Messages:
    534
    Likes Received:
    302
    Hello,

    I am developing a new site on joomla, I am using K2 for posting articles

    I am having problem with displaying images properly on the site especially on the content top module.

    The images are not properly being resized

    Is there a way for images to resize automatically without cropping the images if they are big and stretch them if they are small?

    Is there an extension for that or can we do some code fix or some option changes?

    Also, I have the same problem with thumbnails used in other places as well on the site.

    Regards
     
  2. davidferrer

    davidferrer Newbie

    Joined:
    May 28, 2013
    Messages:
    32
    Likes Received:
    3
    The SmartResizer plug will be the best solution re-size all images and display them properly in joomla and you can also create thumbnails for different layouts like blogs.
     
    Last edited: Jun 7, 2013
  3. srb888

    srb888 Elite Member

    Joined:
    Jul 30, 2008
    Messages:
    3,260
    Likes Received:
    5,067
    Gender:
    Male
    Occupation:
    WebzSurfer
    Location:
    Sun, Mon, Tue, WTF, Sat!!! :)
    Play with:

    For horizontal oriented images:
    <img src="yourimagename.ext" width="100%" height="auto">

    For vertical oriented images:
    <img src="yourimagename.ext" width="auto" height="100%">

    Putting each of the above in their own Div and setting the height and width of those Div will help you control the vertical/horizontal size of the images more effectively also.

    It's lot better through styles.css though
     
    • Thanks Thanks x 1
    Last edited: Jun 7, 2013
  4. Endire

    Endire Elite Member Premium Member

    Joined:
    Mar 27, 2012
    Messages:
    1,756
    Likes Received:
    1,061
    Gender:
    Male
    Raghav,

    You can specific height and width as mentioned by the other member but you should really be serving scaled images. That is, images that don't need to be resized. The more you do that the more it slows down your pages.

    Best,

    Shawn
     
    • Thanks Thanks x 1