Max image size restriction?

  • cfytech24x7 · Member ·

    Hello,

    I’m having trouble getting images to be displayed full page width on static HOME page with NOTEPAD theme.
    I’ve changed my LARGE size image Setting to 1200×1200, which should fit in a full width page template. When I upload and insert a 900×385 sized image the LARGE option is greyed out, and the FULL SIZE size of 500 x 213 is the largest I can get, even though text stretches out to full page width. When I try to upload a 1600 x1200 image I can select the LARGE option, but the updated page shows an image squished to the 500p width. In both cases the image looks the right size in the visual editor box. FWIW I have this problem with large (over 500p wide) uploaded images or by using the Edit Image scaling tool on smaller images, upping only the width to keep aspect ratio intact. Happens with pages or posts.

    Can you confirm for me that Notepad does not have a built-in limit? I read a previous question that referred to resizing images from URLs being a little dodgy sometimes and am wondering if this might be related.

    englishautousa.wordpress.com is the blog addr.

    tks in advance

    The blog I need help with is: (visible only to logged in users)

  • thesacredpath · Member ·

    The maximum content width on Notepad, on a static page with no sidebar, is 775px.

    From outside edge to outside edge of the yellow notepad area (#container) is only 980px.

    In the CSS img.alignleft, img.aligncenter, img.alignright, and img.alignnone are set for a maximum width of 500px, which would be the maximum for pages with a sidebar present. It could be that the underlying theme PHP script files have not defined a case for image widths for full-width, no sidebar page templates. However, in no case could images be displayed that were over 767px in width (775px-8px left/right padding) or it would break the theme.

  • panaghiotisadam · Member ·

    To display a full-width image in a no-sidebar page, you need to switch the editor to HTML, delete the class attribute and its values from the image code, and change this:
    <img src=ETC ETC
    to this:
    <img style="width:775px;" src=ETC ETC

  • thesacredpath · Member ·

    Prepare for the image to get fuzzy though when you do that.

  • panaghiotisadam · Member ·

    Right. But it’s the best you can do if staff don’t correct the PHP.

  • thesacredpath · Member ·

    I’ll tag it and get it moved to the themes forum and maybe staff will look into the issue and fix it.

  • 1tess · Moderator Emeritus ·

    moved to themes forum

  • thesacredpath · Member ·

    Thanks Tess.

  • cfytech24x7 · Member ·

    All:

    Outstanding support effort!

    I edited the HTML to this per panaghiotisadam…..

    <img style=”width:750px;” src=”http://blogtechtestbed.files.wordpress.com/2012/01/header750.jpg” alt=”” width=”750″ height=”321″ />

    ….after editing the desired image to 750×321, (GIMP2 for windows, BTW) which is good enough for the time being. This corrected fuzzy image situation predicted by thesacredpath.

    you can see results in homepage at blogtestbed.wordpress.com which I setup as a sandbox. you may close out on my end.

    thanks so much!

  • panaghiotisadam · Member ·

    You’re welcome!

    Couple of remarks:
    a) you don’t need the width and height attributes at the end;
    b) you need to add alternate text (good for search engines);
    c) since the image is a bit narrower than the available width, you can add some left margin to make it exactly centered.
    In all:
    <img style="width:750px;margin-left:10px;" src="http://blogtechtestbed.files.wordpress.com/2012/01/header750.jpg" alt="ADD DESCRIPTIVE TEXT HERE" />

  • The topic ‘Max image size restriction?’ is closed to new replies.