Uploaded image for project: 'Confluence Cloud'
  1. Confluence Cloud
  2. CONFCLOUD-19706

In PDF export, thumbnails should be converted to large images to not appear blurry

    • 1
    • 7
    • Our product teams collect and evaluate feedback from a number of different sources. To learn more about how we use customer feedback in the planning process, check out our new feature policy.

      NOTE: This suggestion is for Confluence Cloud. Using Confluence Server? See the corresponding suggestion.

      Images appear blurry in PDF exports generated by Confluence.

      Images, image thumbnails and macro output (e.g. galleries, charts) are rendered at the screen resolution (96 dpi), even when exporting to a PDF which is 300 dpi, which doesn't look very good in the PDF output.

      Perhaps scaling up images should be optional, as the file size will potentially be much larger if we include larger images.

          Form Name

            [CONFCLOUD-19706] In PDF export, thumbnails should be converted to large images to not appear blurry

            A decade later with no solution. Is there a way to just mark an issue as dead at this point?

            Benjamin Thompson added a comment - A decade later with no solution. Is there a way to just mark an issue as dead at this point?

            Hi Manuel. I can't answer your questions. I discovered that my company has a symbol font and that I can use it for logos. Apart from that I don't know much about fonts. People from your design department should know more. And since I have nothing to do with Atlassian I don't know about their plans.

            Steffen Heller added a comment - Hi Manuel. I can't answer your questions. I discovered that my company has a symbol font and that I can use it for logos. Apart from that I don't know much about fonts. People from your design department should know more. And since I have nothing to do with Atlassian I don't know about their plans.

            Hello Steffen. Is there a way to put in multi-colored logos into a font that is working? has atlassian planed to add quality logos? thank you for your help

            Manuel Merki added a comment - Hello Steffen. Is there a way to put in multi-colored logos into a font that is working? has atlassian planed to add quality logos? thank you for your help

            @Steffen: Now I got you right, thanks for clarification and this workaround. We will give this a try!

            Jens Kasperek (Bosch GmbH) (Inactive) added a comment - @Steffen: Now I got you right, thanks for clarification and this workaround. We will give this a try!

            @Jens: I think you got me wrong. I was not talking about "writing" the logo with normal letters. What I meant was creating a symbol font that exists of different symbols and/or logos instead of letters. We have such a font. Different letters correspond to different symbols. The letter "c" for example is our normal logo, other letters are for the Chinese logo or certain brand names with symbolised letters in it.

            Steffen Heller added a comment - @Jens: I think you got me wrong. I was not talking about "writing" the logo with normal letters. What I meant was creating a symbol font that exists of different symbols and/or logos instead of letters. We have such a font. Different letters correspond to different symbols. The letter "c" for example is our normal logo, other letters are for the Chinese logo or certain brand names with symbolised letters in it.

            Hi! Thank you for your suggestion! Unfortunately, we cannot implement this since we do not just have letters on our logo(s) - we also have icons. We could only try to create a mix-up of background-image and the font. But this will also not look very professional since the image will still look ugly .

            Jens Kasperek (Bosch GmbH) (Inactive) added a comment - Hi! Thank you for your suggestion! Unfortunately, we cannot implement this since we do not just have letters on our logo(s) - we also have icons. We could only try to create a mix-up of background-image and the font. But this will also not look very professional since the image will still look ugly .

            Steffen Heller added a comment - - edited

            A background image in good quality won't work with confluence, no matter what you try. There is one workaround that works well:

            • Create a font with your logo and include the logo as a "letter" from that font

            This is the code we are using:

            @top-right {  
            /* Our logo */  
            content: "c";   
            font-family: OurOwnSymbolFont;  
            font-size: 22px;  
            }   
            
            @font-face {    
            src: url(/download/attachments/73371514/OurOwnSymbolFont.ttf);    
            -fs-pdf-font-embed: embed;   
            } 
            

            Steffen Heller added a comment - - edited A background image in good quality won't work with confluence, no matter what you try. There is one workaround that works well: Create a font with your logo and include the logo as a "letter" from that font This is the code we are using: @top-right { /* Our logo */ content: "c" ; font-family: OurOwnSymbolFont; font-size: 22px; } @font-face { src: url(/download/attachments/73371514/OurOwnSymbolFont.ttf); -fs-pdf-font-embed: embed; }

            Hi Christian! Thank you for the suggestion. Unfortunately, this does not work with our use case. We display our company logo on each PDF export by embedding this:

            @page {  
                @top-right {  
                    content: " ";  
                    font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;  
                    font-size: 8pt;  
                    /* Header Image ::: Specific size is needed ::: background size cannot be controlled through CSS2 */  
                    background-image: url('includes/img/companyLogo.png');  
                    background-repeat: no-repeat;  
                    background-position: right center;  
                    padding-top: 10mm;  
                }  
            

            I tried to set a width of 301px using 'background-size', but this did not work
            Do you have any hint on this?

            Jens Kasperek (Bosch GmbH) (Inactive) added a comment - Hi Christian! Thank you for the suggestion. Unfortunately, this does not work with our use case. We display our company logo on each PDF export by embedding this: @page { @ top - right { content : " " ; font-family : ConfluenceInstalledFont, Helvetica, Arial, sans-serif; font-size : 8pt; /* Header Image ::: Specific size is needed ::: background size cannot be controlled through CSS2 */ background-image : url( 'includes/img/companyLogo.png' ); background-repeat : no-repeat; background-position : right center; padding-top : 10mm; } I tried to set a width of 301px using 'background-size', but this did not work Do you have any hint on this?

            Christian Sprenger added a comment - - edited

            The only workaround I found:
            set the image to 301px then they won't be treated as Thumbnail.
            We had to do this for all our images. I'm considering the PDF-Plugin from K15T but not sure if this will help there.

            Christian Sprenger added a comment - - edited The only workaround I found: set the image to 301px then they won't be treated as Thumbnail. We had to do this for all our images. I'm considering the PDF-Plugin from K15T but not sure if this will help there.

            Any update on this issue? Our internal customers do not stop complaining about this issue!

            Jens Kasperek (Bosch GmbH) (Inactive) added a comment - Any update on this issue? Our internal customers do not stop complaining about this issue!

              Unassigned Unassigned
              715b4cc0b9a2 Gérald Bonsang [WinBooks]
              Votes:
              69 Vote for this issue
              Watchers:
              36 Start watching this issue

                Created:
                Updated: