Page 1 of 2 12 LastLast
Results 1 to 10 of 23

Hybrid View

  1. #1
    Join Date
    Oct 2006
    Posts
    107
    Plugin Contributions
    0

    Default High-Resolution logo.gif?

    I replaced the Zencart logo (admin/images/logo.gif) with my own. The trouble is, this logo is also used on the invoice and packing slips. When I print these out on a laser printer, the logo looks terrible at 72dpi. To print the logo at 600 dpi requires a logo.gif file that is over 1500 pixels wide, far too big for use on a monitor.

    How can I use a high-resolution logo.gif but force it down to the proper sizing to view on a screen? I know how to do this in HTML, but this is obviously more complicated.

    Is this a configuration setting? A stylesheet hack? A code hack?

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: High-Resolution logo.gif?

    The files used for emails > invoices etc are different than those used for screen/web presentation.....

    Look in the /email folder for header.jpg and alter this file

  3. #3
    Join Date
    Oct 2006
    Posts
    107
    Plugin Contributions
    0

    Default Re: High-Resolution logo.gif?

    Quote Originally Posted by kobra View Post
    The files used for emails > invoices etc are different than those used for screen/web presentation.....

    Look in the /email folder for header.jpg and alter this file
    I'm not so sure about this...logo.gif is the Zencart logo. It appears in lots of places, including the page header in the admin console. The same file is used on the packing slips.

  4. #4
    Join Date
    Oct 2004
    Location
    Southport, UK
    Posts
    4,244
    Plugin Contributions
    20

    Default Re: High-Resolution logo.gif?

    kobra=3506 posts; absoluteblock=9 ...listen to the advice!
    Development Manager @ JSWeb Ltd - suppliers of Applepay/Googlepay for Zencart
    20 years with Zencart !

  5. #5
    Join Date
    Oct 2006
    Posts
    107
    Plugin Contributions
    0

    Default Re: High-Resolution logo.gif?

    Quote Originally Posted by Ryk View Post
    kobra=3506 posts; absoluteblock=9 ...listen to the advice!
    He gave me advice for something that doesn't apply to my situation. I don't blame Kobra for that, I probably didn't explain the problem very well. admin/images/logo.gif is used in headers, invoices, and packing slips. If you don't believe me, do a search and you'll see for yourself.

    How about trying to understand my question instead of casting me off as an idiot?

  6. #6
    Join Date
    Jan 2005
    Location
    Tennessee
    Posts
    1,128
    Plugin Contributions
    0

    Default Re: High-Resolution logo.gif?

    The dpi of a graphic is defined within the graphic when the image is saved. You will need a good graphic program to modify the print dpi settings.

  7. #7
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: High-Resolution logo.gif?

    To print the logo at 600 dpi requires a logo.gif file that is over 1500 pixels wide, far too big for use on a monitor.
    Not sure that I am understanding what your issue here is.

    The dpi is just that - dots per inch - and does not increase the width or height of the image as you suggest.

    If I have a 1x1 inch image @ 72 dpi I can also have a 1x1 inch image at 600 dpi with only an increase in the file size Not the image dimensions.

    Being this is on the admin side and you have located the admin image dir, these images are not used for the store front (screen) and you could use a high res (large file size) image and then only you suffer the loading lag but this would be the image printed

  8. #8
    Join Date
    Oct 2006
    Posts
    107
    Plugin Contributions
    0

    Default Re: High-Resolution logo.gif?

    Quote Originally Posted by kobra View Post
    If I have a 1x1 inch image @ 72 dpi I can also have a 1x1 inch image at 600 dpi with only an increase in the file size Not the image dimensions.
    I've tried different dpi resolutions with the same screen dimensions. When printed, 72 dpi looks really bad and 600 dpi looks bad too.

    However, if I specify 600 dpi and large screen dimensions (1500 pixels wide or bigger) and then use HTML to force it down to 700 pixels wide, the image looks awesome on a laser printer.


    On the packing slip, here is what appears in the browser source file:
    Code:
     
    <img src="images/logo.gif" border="0" alt="logo" title=" logo"></td>
    The PHP code to create this looks like the following:
    Code:
    <?php echo zen_image(DIR_WS_IMAGES . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT); ?></td>
    The problem is I don't know how to specify image widths in PHP. Is this done in the PHP code above, in a stylesheet, or in a template file?

  9. #9
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: High-Resolution logo.gif?

    Kobra's earlier advice was heading in the right direction. There are three logo files, two of them similarly named. You're not being specific about which you are altering but everything that you've described would fit with you concentrating all your changes to the includes/templates/YOUR_TEMPLATE_NAME?images/logo.gif file.

    That file is used for screen display in the catalog section of your store and it's resolution is determined by the values set in the header.php file that you discussed earlier. It don't matter how many pixels you cram into this file, it's still gonna get crushed right down to those dimensions by browsers, so all them extra pixels is just wasted bandwidth for your visitors.

    The image used on invoices and other paperwork is held in admin/images/logo.gif file. This is where you can go wild and cram in as many extra pixels as your printer can stand.

    Finally, emails use the email/header.jpg file. No real constraints on resolution for this. But no point in adding too many either as you'll only blow the excess off the side of your customers' screens.

    The names and formats of any and all of these files can be changed. You just need to root out all the places that they're referenced. There aren't too many, so it's not too difficult.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  10. #10
    Join Date
    Oct 2006
    Posts
    107
    Plugin Contributions
    0

    Default Re: High-Resolution logo.gif?

    Quote Originally Posted by kuroi View Post
    Kobra's earlier advice was heading in the right direction. There are three logo files, two of them similarly named. You're not being specific about which you are altering but everything that you've described would fit with you concentrating all your changes to the includes/templates/YOUR_TEMPLATE_NAME?images/logo.gif file.
    Re-read my original post. I specified that it was the admin/images/logo.gif file.

    Quote Originally Posted by kuroi View Post
    That file is used for screen display in the catalog section of your store and it's resolution is determined by the values set in the header.php file that you discussed earlier. It don't matter how many pixels you cram into this file, it's still gonna get crushed right down to those dimensions by browsers, so all them extra pixels is just wasted bandwidth for your visitors.
    Several posts back, I mentioned that the image dimensions for the admin/images/logo.gif file are ignored. I can change the image's ALT text, but the numbers have no effect on the sizing.

    Quote Originally Posted by kuroi View Post
    The image used on invoices and other paperwork is held in admin/images/logo.gif file. This is where you can go wild and cram in as many extra pixels as your printer can stand.
    This is precisely what I'm trying to do. I just need to know how to force the browser to size it properly on the screen. I don't know how to do it in PHP.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. HELP!!!!!....Need to center My logo hench logo.gif on my main page
    By Robert Cooper in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 12 Jul 2013, 01:33 PM
  2. Resized high resolution product images, now have jagged edges
    By strugglingnovice in forum Setting Up Categories, Products, Attributes
    Replies: 3
    Last Post: 8 Jul 2010, 08:45 PM
  3. Icon.gif and Logo.gif
    By patwithds in forum General Questions
    Replies: 5
    Last Post: 27 Aug 2009, 05:48 PM
  4. I want to print my high resolution local on invoices & packing slips
    By kachinas in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 14 Feb 2009, 01:13 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg