Jump to content


These Forums Are Now Read-Only


For TubePress support, please post a question here or open a support ticket and we will be glad to assist.


Photo

thumbnail size change = distorted images and lost meta data


  • Please log in to reply
5 replies to this topic

#1 Mark One

Mark One

    Newbie

  • Members
  • Pip
  • 4 posts

Posted 10 August 2012 - 06:31 AM

I want thumbnails to me 2x the default size. Using Tubepress options from the WPCP I change the "Height (px) of thumbs" to 180 and the "Width (px) of thumbs" to 240.

The result on the thumbnail gallery page is distorted thumbnails and lost meta data like titles / time etc.

Why is this? I need the system to regenerate the thumnails to my specified dimensions rather than just changing the css so the default sizes get stretched. How do I do this?

I need my meta data displayed - it's still there in the code but the layout seems to be compromised and the actual title seems hidden behind the image.

I just want to change the thumnail sizes through the CP and assumed images and meta would reformat accordingly but clearly not - how do I fix this, anyone, please?

Doing all this using default Twenty Eleven 1.3 theme.

many Thanks.

#2 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 10 August 2012 - 09:37 PM

Hi,

High quality thumbnails (i.e. bigger than 120px x 90px) is a feature reserved for TubePress Pro only. Demo: http://tubepress.com...rance_hq_thumbs. If you try to go past this with the free version of TubePress, you'll get the distortion that you're seeing.

As for the metadata disappearing, the easiest solution for that is to simply add some CSS to change the height of the ".tubepress_thumb" class. e.g.

.tubepress_thumb {

    height: 250px;
}
You can either add that CSS to your theme's CSS, or you can use a WordPress plugin such as this one.

Does that make sense?

#3 Mark One

Mark One

    Newbie

  • Members
  • Pip
  • 4 posts

Posted 11 August 2012 - 06:21 AM

Thanks Eric - looking at paid version.

But can I just confirm the behaviour - when I change the thumbnail size in the CP are the images automatically regenerated to the correct size rather than just resizing existing ones?

Thanks.

#4 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 12 August 2012 - 05:07 PM

Yes - when you use high-quality thumbs, TubePress will ask YouTube to deliver a higher-resolution thumbnail to your site, instead of the "normal" resolution thumbs that the free version of TubePress uses. Most of these thumbnails are around 480px x 360px (here is an example of the high quality version of this thumbnail), so the settings that you put in at WP Admin > Settings > TubePress > Thumbnails will "scale down" these high-quality images to whichever size you like. As long as you don't go past 480 x 360 for your thumbnail size, you won't see any distortion.

#5 t c

t c

    Newbie

  • Members
  • Pip
  • 2 posts

Posted 24 August 2012 - 05:06 PM

I'm having a similar problem. I'm trying to define the size of the thumbnails. I've defined them in the short code with thumbWidth="260" and thumbHeight="146", and I've set the size in the tubepress yhumbnail settings aslo.

The problem is the tubepress code has style="width:131px;" hard coded into the thubpress_thumb div element, so nothing I do overwrites that width and things just look squished.

Example of hard coded style:
<div class="tubepress_thumb" style="width: 131px; ">
        <a id="tubepress_image_38526274_260466092" rel="tubepress_vimeo_shadowbox_260466092">
          <img alt="Tempest Aviation Spark Plugs" src="http://b.vimeocdn.com/ts/265/240/265240153_100.jpg" width="260" height="146">
        </a>
        <dl class="tubepress_meta_group">
                    <dt class="tubepress_meta tubepress_meta_title">Title</dt><dd class="tubepress_meta tubepress_meta_title"><a id="tubepress_title_38526274_260466092" rel="tubepress_vimeo_shadowbox_260466092">Tempest Aviation Spark Plugs</a></dd>
          <dt class="tubepress_meta tubepress_meta_runtime">Runtime</dt><dd class="tubepress_meta tubepress_meta_runtime">5:28</dd>
        </dl>
      </div>

We may upgrade to the pro version for higher quality thumbs, but not if there's a bug preventing us from re-sizing the thumbnails.

Here's the page I'm working with now: http://www.allpromed...ideo-portfolio/

Any help would be greatly appreciated. Thanks.

#6 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 27 August 2012 - 11:52 PM

The problem is the tubepress code has style="width:131px;" hard coded into the thubpress_thumb div element, so nothing I do overwrites that width and things just look squished.


You can simply turn off "fluid thumbs" from WP Admin > Settings > TubePress > Thumbnails. That will prevent TubePress from resizing the columns dynamically (which is the behavior you're experiencing). That should do it.