Home Forums Support Grainy invoice logo

This topic contains 16 replies, has 4 voices, and was last updated by  flecom 3 weeks, 2 days ago.

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #9454

    MikeOrlando02
    Participant

    I uploaded the web-sized (467×300) transparent, non-interlaced, PNG version of my company logo to Invoice Ninja and it looked good on the invoices and was also scaled appropriately in the client portal; however was full size in email notices. I see in the code it is set to “fit” to 120×80. I resized logo to 125×80 and changed the code to match, but the logo came out grainy when the invoice was printed. I then tired removing the “fit” so it would display the full image; however it was still grainy.

    It seems like I need to upload a higher resolution logo and then scale it down in the code to get a sharp looking invoice, but if I do this the email notices are too big. How to correct this?

    #9457

    Hillel Coren
    Keymaster

    Which mail client are you using? If you’re using Apple Mail this may help.

    https://apple.stackexchange.com/questions/250967/how-to-stop-images-in-apple-mail-signature-is-being-magnified

    #9470

    MikeOrlando02
    Participant

    The grainy logo is appearing in the PDF invoice. The over-sized logo (which is its actual size, so this makes sense to me) is in the invoice email. I use Outlook and also appears this was in Exchange/Outlook Web.

    #9471

    Hillel Coren
    Keymaster

    Can you email the image files to [email protected]

    #9472

    MikeOrlando02
    Participant

    Done. Thanks

    #9473

    Hillel Coren
    Keymaster

    I don’t see the email, can you please resend.

    #9480

    Hillel Coren
    Keymaster

    Thanks for sending the image files.

    It works correctly in my tests (I use Google Inbox) but I found this thread which references Outlook.

    https://stackoverflow.com/questions/20989897/image-style-height-and-width-not-taken-in-outlook-mails

    Try adding height="50" in the following line.

    https://github.com/invoiceninja/invoiceninja/blob/master/resources/views/emails/partials/account_logo.blade.php#L6

    #9536

    MikeOrlando02
    Participant

    I am a little lost. The logo is displaying its actual size in Outlook, I just have to use a larger logo to get it not to look grainy in my invoices. I would like to fix the root cause of this so I can upload the proper size logo for invoices without scaling it down and then it will also be the correct size for email/Outlook.

    I am not sure what code segments you are suggesting I change. Is this the code for the emails? If so, where is that found??

    #9538

    Hillel Coren
    Keymaster

    Are you self-hosting the app or using invoiceninja.com?

    #9539

    MikeOrlando02
    Participant

    invoiceninja.com

    #9540

    Hillel Coren
    Keymaster

    Great, the fix will be included with our next release on Sunday.

    #9545

    MikeOrlando02
    Participant

    Excellent, just to clarify if I upload my 125×80 logo and change the code to match it will not appear grainy on invoices and will stay actual size 125×80 in the email messages?

    #9550

    Hillel Coren
    Keymaster

    If you upload the larger logo it should work correctly in both places.

    If you still see the problem after Sunday let us know and we’ll continue to work on it.

    #11422

    MikeOrlando02
    Participant

    This appears to be corrected, the oversized image file looks better in PDF format when it is fit to the size set in the design code. It also is scaled appropriately in the email notifications and client portal. Thanks.

    #11441

    Hillel Coren
    Keymaster

    Great to hear, thanks for letting us know!

    #11453

    Samual
    Participant

    on this topic I’m having an issue with gmail resizing the logo image incorrectly. The emails look perfect in outlook, they even look good in outlook when forwarded from gmail. but when viewed from within gmail the logo is skewed. Figured it was a gmail issue and not much can be done.

    #18806

    flecom
    Participant

    I had that same issue with the logo looking squished in gmail, I edited the file mentioned above by Hillel:

    https://github.com/invoiceninja/invoiceninja/blob/master/resources/views/emails/partials/account_logo.blade.php#L6

    and removed the “max-width:140px;” part, solved my issue!

Viewing 17 posts - 1 through 17 (of 17 total)

You must be logged in to reply to this topic.

Posted in: