Search Results for 'image sizes'

Hi, Marius
Yikes … is this something I can pay you to add as a feature or extension, or custom plugin for Newspaper? We’ve moved from Woo Canvas, which still supports this function, since “featured” images are often larger than the image in post, particularly legacy content. For instance on some of our news sites we have 400×300 images for many stories, and these can scale up fairly well, as seen here:
http://californianewswire.com/

Basically we need the facility on some sites like CNW (above) to be able to enlarge the images to fit the featured slider, and on the category pages. Not horribly complex, just need the function, perhaps as a checkbox “add scaled images” which would turn on the two thumbs for category and home page slider.

E.g.
here, the main image should scale up to fit slider area
http://ga-ga.com/
and here image should scape up/crop to fit the feature box
http://ga-ga.com/gogaga/lifestyle/

This is worth US$100 to me to make it happen, btw. Or, happy to buy (3) more licenses via ThemeForest 🙂

Since everybody seems afraid to use timThumb anymore even with the security fixes, perhaps the vt_resize.php might be considered?

Original:
http://academe.co.uk/2013/08/resizing-of-images-in-wordpress-from-within-a-template/
Fixes for latest WP:
http://www.pirenko.com/blog/2013/01/22/vt_resize-php-image_resize-deprecated/

Since almost every theme developer is now abandoning any kind of image support except what is built into WP, this is problematical for many news sites which have legacy images from many years, not being able to be used to fit the new layout of Newspaper and other themes.

This would mean to have featured home page images, every image would need to be uploaded at the largest possible size used by theme, perhaps 745×483 – which isn’t clear in docs and also is different from what we were doing with v2, where the images were going up as 700×406. So, this mean EVERY image MUST be “GIANT” and then down-sampled for all other sizes. However this isn’t always possible.

This is why plugins like TimThumb and others over the year have been essential for creating complex image layouts where minor enlarge/crop is needed to “fit.”

So, money in hand. This would be another HUGE selling point for your theme, as it’s a VERY critical issue for MOST news sites, and we need it for our legacy news portals.

PLEASE CONSIDER – either as a custom add-on solution, or as a core feature option. I need this ASAP, hence willing to pay for development. This is the *only* thing we’re missing for our sites, right now.

Thanks 🙂

This is very weird. Even with ajax-thumbnail-rebuild and checking the larger sizes, it won’t actually build them.

One tip is to set the small, medium and large thumbnail settings for wordpress to match the sizes you’re using on home page and categories, found at:

wp admin > settings > media

but to “fix” existing images, you would likely need to run “regenerate thumbnails” plugin (I am actually doing this right now … myself since I started building pages without the front page setup, so now my pix on front page aren’t as deep as the right boxes ….!).

small = 100×65

medium = 700×357

large = 745×483

Ideally you should have back-up of all your images, as standard practice before installing anything or running any plugin which changes content.

However, you can simply re-run the regenerate thumbnail plugin to the sizes you were using before. But read the help info that comes with the plugin as it describes the best way to use it, how to “un-use” it and so forth.

I believe the “cropped” setting is in the theme panel; so you should “uncheck” that, and then re-run the thumbnail regen plugin to see if that fixes things.

It’s also useful to set the default small, medium, large settings in the main wordpress > settings > media … to limit number of thumbs actually built.

If the files are too big (in KBs) you can also use my hack in the functions.php file (search forum) to reduce the file sizes created by about 40%.

AFAIK the theme only scales images on responsive resize, but I don’t have the latest version running yet. Meaning, the sizes when viewed on desktop at 100% match the thumbnails created. Maybe post a GTMetrix score page or something for folks to peek at?

You should have higher speed rating than 70 if you have proper expire headers, browser caching, W3 Cache cleared fully before launching new theme and then after launching new theme, and images uploaded are optimized to begin with and/or using something like smushit, or modified the functions.php to increase compression level for thumbs.

I view the source code of the demo, and its more different that my page.

Yours

<head>
    <title>Newspaper | Just another WordPress site</title>
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="pingback" href="http://demo.tagdiv.com/newspaper/xmlrpc.php" />

    <link rel="icon" type="image/png" href="http://demo.tagdiv.com/newspaper/wp-content/uploads/2013/08/favicon11.png"><link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://demo.tagdiv.com/newspaper/wp-content/uploads/2014/01/newspaper-76.png"/><link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://demo.tagdiv.com/newspaper/wp-content/uploads/2014/01/newspaper-120.png"/><link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://demo.tagdiv.com/newspaper/wp-content/uploads/2014/01/newspaper-152.png"/><link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://demo.tagdiv.com/newspaper/wp-content/uploads/2014/01/newspaper-114.png"/><link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://demo.tagdiv.com/newspaper/wp-content/uploads/2014/01/newspaper-144.png"/><meta name='robots' content='noindex,follow' />
<link rel="alternate" type="application/rss+xml" title="Newspaper &raquo; Feed" href="http://demo.tagdiv.com/newspaper/feed/" />
<link rel="alternate" type="application/rss+xml" title="Newspaper &raquo; Comments Feed" href="http://demo.tagdiv.com/newspaper/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="Newspaper &raquo; Homepage Comments Feed" href="http://demo.tagdiv.com/newspaper/homepage/feed/" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://demo.tagdiv.com/newspaper/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://demo.tagdiv.com/newspaper/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 3.8" />
<link rel='canonical' href='http://demo.tagdiv.com/newspaper/' />
<link rel='shortlink' href='http://demo.tagdiv.com/newspaper/?p=800' />
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><!<code>[endif]--></code>

My page

<head>
    <title>Ambito Financiero:finanzas personales,actualidad economica,pymes</title>
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="pingback" href="http://ambito-financiero.com/xmlrpc.php" />

    <link rel="icon" type="image/png" href="http://ambito-financiero.com/wp-content/uploads/2013/10/favicon-ambito-financiero.png"><link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://ambito-financiero.com/wp-content/uploads/2014/02/ambito-financiero-76x76.png"/><link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://ambito-financiero.com/wp-content/uploads/2014/02/ambito-financiero-120x120.png"/><link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://ambito-financiero.com/wp-content/uploads/2014/02/ambito-financiero-152x152.png"/><link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://ambito-financiero.com/wp-content/uploads/2014/02/ambito-financiero-114x114.png"/><link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://ambito-financiero.com/wp-content/uploads/2014/02/ambito-financiero-144x144.png"/><link rel="alternate" type="application/rss+xml" title="Ambito Financiero:finanzas personales,actualidad economica,pymes &raquo; Feed" href="http://ambito-financiero.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Ambito Financiero:finanzas personales,actualidad economica,pymes &raquo; RSS de los comentarios" href="http://ambito-financiero.com/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="Ambito Financiero:finanzas personales,actualidad economica,pymes &raquo; Portada RSS de los comentarios" href="http://ambito-financiero.com/portada/feed/" />
<link rel='stylesheet' id='arqam-style-css'  href='http://ambito-financiero.com/wp-content/plugins/arqam/assets/style.css?ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='open-sans-css'  href='//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='dashicons-css'  href='http://ambito-financiero.com/wp-includes/css/dashicons.min.css?ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='admin-bar-css'  href='http://ambito-financiero.com/wp-includes/css/admin-bar.min.css?ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css'  href='http://ambito-financiero.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=3.7.2' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-opensans-css'  href='http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-ubuntu-css'  href='http://fonts.googleapis.com/css?family=Ubuntu%3A300%2C400%2C500%2C700%2C300italic%2C400italic%2C500italic%2C700italic&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Clatin-ext%2Ccyrillic&ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-pt-sans-css'  href='http://fonts.googleapis.com/css?family=PT+Sans%3A400%2C700%2C400italic&subset=latin%2Ccyrillic-ext%2Clatin-ext%2Ccyrillic&ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-font-oswald-css'  href='http://fonts.googleapis.com/css?family=Oswald%3A400%2C300%2C700&subset=latin%2Clatin-ext&ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='google-roboto-cond-css'  href='http://fonts.googleapis.com/css?family=Roboto+Condensed%3A300italic%2C400italic%2C700italic%2C400%2C300%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=3.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='td-bootstrap-css'  href='http://ambito-financiero.com/wp-content/themes/Newspaper/includes/wp_booster/external/bootstrap/td-bootstrap.css?ver=3.4' type='text/css' media='all' />
<link rel='stylesheet' id='td-theme-css'  href='http://ambito-financiero.com/wp-content/themes/Newspaper/style.css?ver=3.4' type='text/css' media='all' />
        <script type="text/javascript">
            function w3tc_popupadmin_bar(url) {
                return window.open(url, '', 'width=800,height=600,status=no,toolbar=no,menubar=no,scrollbars=yes');
            }
        </script>
            <script type='text/javascript' src='http://ambito-financiero.com/wp-includes/js/jquery/jquery.js?ver=1.10.2'></script>
<script type='text/javascript' src='http://ambito-financiero.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://ambito-financiero.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://ambito-financiero.com/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 3.8.1" />
<link rel='shortlink' href='http://ambito-financiero.com/?p=5031' />
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

And then there are thing that in my theme shows in the head, and in yours dont.

What config of w3 total cache uses?

• This reply was modified 12 years by tracid.

hi,
do you have GD library installed on the server?
php uses this library to crop the images.

Thanks for you message.
Radu A.

zokolus
look at the standard sizes found in the theme docs, here:
https://forum.tagdiv.com/modules-and-blocks/

I think we did
sm = 100×65
md = 326×159
lg = 700×357

NOTE: I highly recommend adding a custom compression amount to photos for WP as I’ve found that some of the pix created by theme with default WP compression level are waaaay to big.

For example on our site which is not yet optimized,
original article image 700×406 I uploaded is 31.14kb
http://publishersnewswire.com/META/PNW-Feb14-loudest.jpg
the theme/and WP created a 700×357 version, 63kb (!).

The hack to add the compression amount down to something like “50” is someplace in my prior posts. Recommended!!!

—updated——–
the code:

add the following code to your functions.php file in the theme root at the end –or– in your child theme (TIP: stop using a child theme)

add_filter( ‘jpeg_quality’, create_function( ”, ‘return 50;’ ) );

– then run the regenerate thumbnails plugin under wp admin > tools

EDIT (( AND REMEMBER TO BACKUP YOUR ORIGINAL PIX FIRST – !! ))

And one more FYI:
ga-ga is our test/optimization site
PNW is our “stock” site being used for comparison
(I have been called to other projects the past month and not working on either … hence why I was not around here for couple of weeks … and I will disappear again next week… sigh….deadlines!)

• This reply was modified 12 years by simchris.
• This reply was modified 12 years by simchris.
• This reply was modified 12 years by simchris.

Can you tel me what are the thumb, medium and large sizes? Here I see that theme creates 9 thumb sizes http://import.tagdiv.com/newspaper/doc/#start I don’t know which are correct to enter in “media”.

I have regenerated thumbnails, butstill have google worning. In my media I have this dimensions:
Thumbnail size: 80*80
Medium size: 310*600
Large size: 1024*1024

In my theme I enabled:
CROP FEATURED IMAGE
Enable if you want to crop the featured images to (700px x 357px).

I would like to re-run regenerate thumbnails with corect thumb. inputs in my media filds.

Can you help me Christopher?

Hello Marius!

Can you please fill the inputs (with which sizes is being used by the theme) in WordPress media setting and give me a screenshot?

Thanks!
Mehedi

I think that’s covered in the docs – maybe changed for v3?
http://import.tagdiv.com/newspaper/doc/

The content featured images
•Recommended sizes if you want full width images(Full slide on 3 columns): 1074px * 483px
•Recommended sizes if you want 2 columns width images: 700px * 406px

http://import.tagdiv.com/newspaper/doc/external/photo/thumbs.jpg

(TIP: you an find the /docs/ folder in the full download of the theme from Themeforest.)

• This reply was modified 12 years by simchris.

Might not be issue, but make sure the GD library is installed on your server. Those errors are coming from WordPress and not the theme, specifically, it looks like. WordPress uses various “libraries” on the server to process, resize, and make thumbnails from images you upload (such as a jpeg file).

In your WP > admin > media settings there is also a “maximum size/width” setting. You may want to double check that is not too small for the sizes you’re using. (Normally not an issue, but it may default to something like 625×625 as maximum — so if you try to upload a 1024×768 image and want it to be 735×435 or whatever – that might cause an issue.)

These may not be the solution, but perhaps it may help as starting point. Just an idea.

Hello all … (copied from another post in forum by myself)

Don’t know if this helps … but one trick I did once upon a time was go into the WP media settings and set the “large thumbnail” size to the desired new size, for this example 745×483 size, then use the regenerate thumbnails plugin to generate those sizes. This gets you past the first hurdle of actually having images set to the correct size from either featured image or the first image in post.

Don’t know if this helps … but one trick I did once upon a time was go into the WP media settings and set the “large thumbnail” size to the desired new size, for this example 745×483 size, then use the regenerate thumbnails plugin to generate those sizes. This gets you past the first hurdle of actually having images set to the correct size from either featured image or the first image in post.