When I export an AI 300x60 art board it saves with bigger dimensions












4















I am making a companion banner ad for Youtube. The dimensions are 300x60. When I design on a 300x60 art board and save a a PNG or jpeg it saves with larger dimensions and then won't upload. If i want it to be able to upload the quality is too low and it is blurry.



I need the dimensions to be 300x60, and if I resize it in another program it lowers the quality and makes it blurry.



Please help me make a crisp 300x60 image that exports less than 150 KB and is 300x60 in dimension.



enter image description here



enter image description hereenter image description hereenter image description hereenter image description hereenter image description here



Thank you!










share|improve this question









New contributor




Lauren is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

























    4















    I am making a companion banner ad for Youtube. The dimensions are 300x60. When I design on a 300x60 art board and save a a PNG or jpeg it saves with larger dimensions and then won't upload. If i want it to be able to upload the quality is too low and it is blurry.



    I need the dimensions to be 300x60, and if I resize it in another program it lowers the quality and makes it blurry.



    Please help me make a crisp 300x60 image that exports less than 150 KB and is 300x60 in dimension.



    enter image description here



    enter image description hereenter image description hereenter image description hereenter image description hereenter image description here



    Thank you!










    share|improve this question









    New contributor




    Lauren is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
    Check out our Code of Conduct.























      4












      4








      4








      I am making a companion banner ad for Youtube. The dimensions are 300x60. When I design on a 300x60 art board and save a a PNG or jpeg it saves with larger dimensions and then won't upload. If i want it to be able to upload the quality is too low and it is blurry.



      I need the dimensions to be 300x60, and if I resize it in another program it lowers the quality and makes it blurry.



      Please help me make a crisp 300x60 image that exports less than 150 KB and is 300x60 in dimension.



      enter image description here



      enter image description hereenter image description hereenter image description hereenter image description hereenter image description here



      Thank you!










      share|improve this question









      New contributor




      Lauren is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.












      I am making a companion banner ad for Youtube. The dimensions are 300x60. When I design on a 300x60 art board and save a a PNG or jpeg it saves with larger dimensions and then won't upload. If i want it to be able to upload the quality is too low and it is blurry.



      I need the dimensions to be 300x60, and if I resize it in another program it lowers the quality and makes it blurry.



      Please help me make a crisp 300x60 image that exports less than 150 KB and is 300x60 in dimension.



      enter image description here



      enter image description hereenter image description hereenter image description hereenter image description hereenter image description here



      Thank you!







      adobe-illustrator






      share|improve this question









      New contributor




      Lauren is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.











      share|improve this question









      New contributor




      Lauren is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      share|improve this question




      share|improve this question








      edited 4 hours ago







      Lauren













      New contributor




      Lauren is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      asked 7 hours ago









      LaurenLauren

      212




      212




      New contributor




      Lauren is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.





      New contributor





      Lauren is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.






      Lauren is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.






















          3 Answers
          3






          active

          oldest

          votes


















          3














          Hit Ctrl+Alt+P and make sure your document 'Units' setting is set to 'Pixels'. You may have accidentally started this document in 'Millimeters', in which case yes, this can be a reason for the problem.



          If you are indeed working in 'Pixels', double check your artboard size is actually 300 by 60 pixels via Shift+O.



          If everything checks out, then to properly save a PNG go to 'File → Save for Web', then make sure the 'Percent' value is '100%'.






          share|improve this answer


























          • I checked and it is 300x60 and the percent value is 100 and I did save for web and still blurry.

            – Lauren
            6 hours ago











          • Maybe just edit your question and add this blurry image?

            – Lucian
            6 hours ago











          • Thanks, photo up. It looks OK when small but any bigger and it's distorted.

            – Lauren
            6 hours ago











          • It actually looks ok, not much you can improve there. At 300x60 pixels this is kind of what you get. Try saving a PNG, not a JPG. If you do JPG, make sure the quality is not too low, as this can affect the sharpness in JPGs. Do it at 100% quality. All these options are in the Save for Web window.

            – Lucian
            6 hours ago













          • Still blurry. Photos added to question to show what I'm trying to avoid. Thanks for the help!

            – Lauren
            6 hours ago





















          2














          It is not clear what you are doing that makes the final dimension too large. But guess is that you are not using Save For Web. Do not just Save as PNG. Use the Save for Web (may be under File > Export > Save for Web in newer AI) when needing a JPG, PNG, or GIF.



          Under the Save for Web tool, you can control the precise final size in pixels even if the AI Artboard is not accurate.



          enter image description here



          BONUS – Photoshop has the same feature.






          share|improve this answer



















          • 1





            I saved for web and still very blurry. Any other suggestions?

            – Lauren
            6 hours ago











          • There is no denying that a 300pixel x 60pixel banner may have some blurriness (there just aren't that many pixels to make it sharp). Especially when you zoom in. But how does it look at 100% size? Adequate, right? If you want super sharp text (and photo), create the banner in Photoshop. The Character palette in Photoshop allows you to render the text as either: Sharp, Crisp, Strong, or Smooth. Unfortunately, there is no way in AI to turn off anti-aliasing for your text. Do you have Photoshop, too?

            – jhurley
            5 hours ago








          • 1





            Thanks. Photoshop didn't help. I tried all of the anti-alias options (photo added to question). Should I create the banner bigger and save as a smaller scale?

            – Lauren
            5 hours ago











          • You had 2 problems, right: pixel size and blurry quality. Is the file size at least fixed? For less JPG blurriness, looking at your Save for Web settings, here are a few things that will help. Disable Progressive (that's obsolete nowadays) and crank your quality from 60 to 100. For 60 pixels tall, that's the best your Novecento Thin font can do. IMO, thin fonts need a little help in Photoshop. For example: duplicate the Text layer (making the thin font a tiny bit brighter). I believe this is just the limits of small banners – understand that sharp, smooth edges require higher resolutions.

            – jhurley
            3 hours ago





















          2














          I am not giving up on you, @Lauren ;)



          I took your banner and Save for Web (as 300x60). As you can see, it is just 26.7K (not too large). And at 100% size – it is as sharp as can be using that font.



          enter image description here



          Would you consider this "blurry"? Your Save for Web still produces a large file? Have you ever been able to save a 300x60 pixel banner that you would consider sharp? If so, can you share it with us?






          share|improve this answer
























          • I really appreciate your determination, @jhurley! I'm not sure what you mean. The screen shot photos I uploaded are what I am trying to avoid. On Youtube I see other companion banner ads that are blurry so I see that it's been a challenge for others as well. But I have also seen that some are very crisp and clear. Can I link the AI file I have to see what can be done?

            – Lauren
            4 hours ago













          • I added new photos to the question to go with this. Thank you!

            – Lauren
            4 hours ago












          Your Answer








          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "174"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: false,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: null,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });






          Lauren is a new contributor. Be nice, and check out our Code of Conduct.










          draft saved

          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgraphicdesign.stackexchange.com%2fquestions%2f122863%2fwhen-i-export-an-ai-300x60-art-board-it-saves-with-bigger-dimensions%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown

























          3 Answers
          3






          active

          oldest

          votes








          3 Answers
          3






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes









          3














          Hit Ctrl+Alt+P and make sure your document 'Units' setting is set to 'Pixels'. You may have accidentally started this document in 'Millimeters', in which case yes, this can be a reason for the problem.



          If you are indeed working in 'Pixels', double check your artboard size is actually 300 by 60 pixels via Shift+O.



          If everything checks out, then to properly save a PNG go to 'File → Save for Web', then make sure the 'Percent' value is '100%'.






          share|improve this answer


























          • I checked and it is 300x60 and the percent value is 100 and I did save for web and still blurry.

            – Lauren
            6 hours ago











          • Maybe just edit your question and add this blurry image?

            – Lucian
            6 hours ago











          • Thanks, photo up. It looks OK when small but any bigger and it's distorted.

            – Lauren
            6 hours ago











          • It actually looks ok, not much you can improve there. At 300x60 pixels this is kind of what you get. Try saving a PNG, not a JPG. If you do JPG, make sure the quality is not too low, as this can affect the sharpness in JPGs. Do it at 100% quality. All these options are in the Save for Web window.

            – Lucian
            6 hours ago













          • Still blurry. Photos added to question to show what I'm trying to avoid. Thanks for the help!

            – Lauren
            6 hours ago


















          3














          Hit Ctrl+Alt+P and make sure your document 'Units' setting is set to 'Pixels'. You may have accidentally started this document in 'Millimeters', in which case yes, this can be a reason for the problem.



          If you are indeed working in 'Pixels', double check your artboard size is actually 300 by 60 pixels via Shift+O.



          If everything checks out, then to properly save a PNG go to 'File → Save for Web', then make sure the 'Percent' value is '100%'.






          share|improve this answer


























          • I checked and it is 300x60 and the percent value is 100 and I did save for web and still blurry.

            – Lauren
            6 hours ago











          • Maybe just edit your question and add this blurry image?

            – Lucian
            6 hours ago











          • Thanks, photo up. It looks OK when small but any bigger and it's distorted.

            – Lauren
            6 hours ago











          • It actually looks ok, not much you can improve there. At 300x60 pixels this is kind of what you get. Try saving a PNG, not a JPG. If you do JPG, make sure the quality is not too low, as this can affect the sharpness in JPGs. Do it at 100% quality. All these options are in the Save for Web window.

            – Lucian
            6 hours ago













          • Still blurry. Photos added to question to show what I'm trying to avoid. Thanks for the help!

            – Lauren
            6 hours ago
















          3












          3








          3







          Hit Ctrl+Alt+P and make sure your document 'Units' setting is set to 'Pixels'. You may have accidentally started this document in 'Millimeters', in which case yes, this can be a reason for the problem.



          If you are indeed working in 'Pixels', double check your artboard size is actually 300 by 60 pixels via Shift+O.



          If everything checks out, then to properly save a PNG go to 'File → Save for Web', then make sure the 'Percent' value is '100%'.






          share|improve this answer















          Hit Ctrl+Alt+P and make sure your document 'Units' setting is set to 'Pixels'. You may have accidentally started this document in 'Millimeters', in which case yes, this can be a reason for the problem.



          If you are indeed working in 'Pixels', double check your artboard size is actually 300 by 60 pixels via Shift+O.



          If everything checks out, then to properly save a PNG go to 'File → Save for Web', then make sure the 'Percent' value is '100%'.







          share|improve this answer














          share|improve this answer



          share|improve this answer








          edited 6 hours ago

























          answered 6 hours ago









          LucianLucian

          14.7k103265




          14.7k103265













          • I checked and it is 300x60 and the percent value is 100 and I did save for web and still blurry.

            – Lauren
            6 hours ago











          • Maybe just edit your question and add this blurry image?

            – Lucian
            6 hours ago











          • Thanks, photo up. It looks OK when small but any bigger and it's distorted.

            – Lauren
            6 hours ago











          • It actually looks ok, not much you can improve there. At 300x60 pixels this is kind of what you get. Try saving a PNG, not a JPG. If you do JPG, make sure the quality is not too low, as this can affect the sharpness in JPGs. Do it at 100% quality. All these options are in the Save for Web window.

            – Lucian
            6 hours ago













          • Still blurry. Photos added to question to show what I'm trying to avoid. Thanks for the help!

            – Lauren
            6 hours ago





















          • I checked and it is 300x60 and the percent value is 100 and I did save for web and still blurry.

            – Lauren
            6 hours ago











          • Maybe just edit your question and add this blurry image?

            – Lucian
            6 hours ago











          • Thanks, photo up. It looks OK when small but any bigger and it's distorted.

            – Lauren
            6 hours ago











          • It actually looks ok, not much you can improve there. At 300x60 pixels this is kind of what you get. Try saving a PNG, not a JPG. If you do JPG, make sure the quality is not too low, as this can affect the sharpness in JPGs. Do it at 100% quality. All these options are in the Save for Web window.

            – Lucian
            6 hours ago













          • Still blurry. Photos added to question to show what I'm trying to avoid. Thanks for the help!

            – Lauren
            6 hours ago



















          I checked and it is 300x60 and the percent value is 100 and I did save for web and still blurry.

          – Lauren
          6 hours ago





          I checked and it is 300x60 and the percent value is 100 and I did save for web and still blurry.

          – Lauren
          6 hours ago













          Maybe just edit your question and add this blurry image?

          – Lucian
          6 hours ago





          Maybe just edit your question and add this blurry image?

          – Lucian
          6 hours ago













          Thanks, photo up. It looks OK when small but any bigger and it's distorted.

          – Lauren
          6 hours ago





          Thanks, photo up. It looks OK when small but any bigger and it's distorted.

          – Lauren
          6 hours ago













          It actually looks ok, not much you can improve there. At 300x60 pixels this is kind of what you get. Try saving a PNG, not a JPG. If you do JPG, make sure the quality is not too low, as this can affect the sharpness in JPGs. Do it at 100% quality. All these options are in the Save for Web window.

          – Lucian
          6 hours ago







          It actually looks ok, not much you can improve there. At 300x60 pixels this is kind of what you get. Try saving a PNG, not a JPG. If you do JPG, make sure the quality is not too low, as this can affect the sharpness in JPGs. Do it at 100% quality. All these options are in the Save for Web window.

          – Lucian
          6 hours ago















          Still blurry. Photos added to question to show what I'm trying to avoid. Thanks for the help!

          – Lauren
          6 hours ago







          Still blurry. Photos added to question to show what I'm trying to avoid. Thanks for the help!

          – Lauren
          6 hours ago













          2














          It is not clear what you are doing that makes the final dimension too large. But guess is that you are not using Save For Web. Do not just Save as PNG. Use the Save for Web (may be under File > Export > Save for Web in newer AI) when needing a JPG, PNG, or GIF.



          Under the Save for Web tool, you can control the precise final size in pixels even if the AI Artboard is not accurate.



          enter image description here



          BONUS – Photoshop has the same feature.






          share|improve this answer



















          • 1





            I saved for web and still very blurry. Any other suggestions?

            – Lauren
            6 hours ago











          • There is no denying that a 300pixel x 60pixel banner may have some blurriness (there just aren't that many pixels to make it sharp). Especially when you zoom in. But how does it look at 100% size? Adequate, right? If you want super sharp text (and photo), create the banner in Photoshop. The Character palette in Photoshop allows you to render the text as either: Sharp, Crisp, Strong, or Smooth. Unfortunately, there is no way in AI to turn off anti-aliasing for your text. Do you have Photoshop, too?

            – jhurley
            5 hours ago








          • 1





            Thanks. Photoshop didn't help. I tried all of the anti-alias options (photo added to question). Should I create the banner bigger and save as a smaller scale?

            – Lauren
            5 hours ago











          • You had 2 problems, right: pixel size and blurry quality. Is the file size at least fixed? For less JPG blurriness, looking at your Save for Web settings, here are a few things that will help. Disable Progressive (that's obsolete nowadays) and crank your quality from 60 to 100. For 60 pixels tall, that's the best your Novecento Thin font can do. IMO, thin fonts need a little help in Photoshop. For example: duplicate the Text layer (making the thin font a tiny bit brighter). I believe this is just the limits of small banners – understand that sharp, smooth edges require higher resolutions.

            – jhurley
            3 hours ago


















          2














          It is not clear what you are doing that makes the final dimension too large. But guess is that you are not using Save For Web. Do not just Save as PNG. Use the Save for Web (may be under File > Export > Save for Web in newer AI) when needing a JPG, PNG, or GIF.



          Under the Save for Web tool, you can control the precise final size in pixels even if the AI Artboard is not accurate.



          enter image description here



          BONUS – Photoshop has the same feature.






          share|improve this answer



















          • 1





            I saved for web and still very blurry. Any other suggestions?

            – Lauren
            6 hours ago











          • There is no denying that a 300pixel x 60pixel banner may have some blurriness (there just aren't that many pixels to make it sharp). Especially when you zoom in. But how does it look at 100% size? Adequate, right? If you want super sharp text (and photo), create the banner in Photoshop. The Character palette in Photoshop allows you to render the text as either: Sharp, Crisp, Strong, or Smooth. Unfortunately, there is no way in AI to turn off anti-aliasing for your text. Do you have Photoshop, too?

            – jhurley
            5 hours ago








          • 1





            Thanks. Photoshop didn't help. I tried all of the anti-alias options (photo added to question). Should I create the banner bigger and save as a smaller scale?

            – Lauren
            5 hours ago











          • You had 2 problems, right: pixel size and blurry quality. Is the file size at least fixed? For less JPG blurriness, looking at your Save for Web settings, here are a few things that will help. Disable Progressive (that's obsolete nowadays) and crank your quality from 60 to 100. For 60 pixels tall, that's the best your Novecento Thin font can do. IMO, thin fonts need a little help in Photoshop. For example: duplicate the Text layer (making the thin font a tiny bit brighter). I believe this is just the limits of small banners – understand that sharp, smooth edges require higher resolutions.

            – jhurley
            3 hours ago
















          2












          2








          2







          It is not clear what you are doing that makes the final dimension too large. But guess is that you are not using Save For Web. Do not just Save as PNG. Use the Save for Web (may be under File > Export > Save for Web in newer AI) when needing a JPG, PNG, or GIF.



          Under the Save for Web tool, you can control the precise final size in pixels even if the AI Artboard is not accurate.



          enter image description here



          BONUS – Photoshop has the same feature.






          share|improve this answer













          It is not clear what you are doing that makes the final dimension too large. But guess is that you are not using Save For Web. Do not just Save as PNG. Use the Save for Web (may be under File > Export > Save for Web in newer AI) when needing a JPG, PNG, or GIF.



          Under the Save for Web tool, you can control the precise final size in pixels even if the AI Artboard is not accurate.



          enter image description here



          BONUS – Photoshop has the same feature.







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered 6 hours ago









          jhurleyjhurley

          823410




          823410








          • 1





            I saved for web and still very blurry. Any other suggestions?

            – Lauren
            6 hours ago











          • There is no denying that a 300pixel x 60pixel banner may have some blurriness (there just aren't that many pixels to make it sharp). Especially when you zoom in. But how does it look at 100% size? Adequate, right? If you want super sharp text (and photo), create the banner in Photoshop. The Character palette in Photoshop allows you to render the text as either: Sharp, Crisp, Strong, or Smooth. Unfortunately, there is no way in AI to turn off anti-aliasing for your text. Do you have Photoshop, too?

            – jhurley
            5 hours ago








          • 1





            Thanks. Photoshop didn't help. I tried all of the anti-alias options (photo added to question). Should I create the banner bigger and save as a smaller scale?

            – Lauren
            5 hours ago











          • You had 2 problems, right: pixel size and blurry quality. Is the file size at least fixed? For less JPG blurriness, looking at your Save for Web settings, here are a few things that will help. Disable Progressive (that's obsolete nowadays) and crank your quality from 60 to 100. For 60 pixels tall, that's the best your Novecento Thin font can do. IMO, thin fonts need a little help in Photoshop. For example: duplicate the Text layer (making the thin font a tiny bit brighter). I believe this is just the limits of small banners – understand that sharp, smooth edges require higher resolutions.

            – jhurley
            3 hours ago
















          • 1





            I saved for web and still very blurry. Any other suggestions?

            – Lauren
            6 hours ago











          • There is no denying that a 300pixel x 60pixel banner may have some blurriness (there just aren't that many pixels to make it sharp). Especially when you zoom in. But how does it look at 100% size? Adequate, right? If you want super sharp text (and photo), create the banner in Photoshop. The Character palette in Photoshop allows you to render the text as either: Sharp, Crisp, Strong, or Smooth. Unfortunately, there is no way in AI to turn off anti-aliasing for your text. Do you have Photoshop, too?

            – jhurley
            5 hours ago








          • 1





            Thanks. Photoshop didn't help. I tried all of the anti-alias options (photo added to question). Should I create the banner bigger and save as a smaller scale?

            – Lauren
            5 hours ago











          • You had 2 problems, right: pixel size and blurry quality. Is the file size at least fixed? For less JPG blurriness, looking at your Save for Web settings, here are a few things that will help. Disable Progressive (that's obsolete nowadays) and crank your quality from 60 to 100. For 60 pixels tall, that's the best your Novecento Thin font can do. IMO, thin fonts need a little help in Photoshop. For example: duplicate the Text layer (making the thin font a tiny bit brighter). I believe this is just the limits of small banners – understand that sharp, smooth edges require higher resolutions.

            – jhurley
            3 hours ago










          1




          1





          I saved for web and still very blurry. Any other suggestions?

          – Lauren
          6 hours ago





          I saved for web and still very blurry. Any other suggestions?

          – Lauren
          6 hours ago













          There is no denying that a 300pixel x 60pixel banner may have some blurriness (there just aren't that many pixels to make it sharp). Especially when you zoom in. But how does it look at 100% size? Adequate, right? If you want super sharp text (and photo), create the banner in Photoshop. The Character palette in Photoshop allows you to render the text as either: Sharp, Crisp, Strong, or Smooth. Unfortunately, there is no way in AI to turn off anti-aliasing for your text. Do you have Photoshop, too?

          – jhurley
          5 hours ago







          There is no denying that a 300pixel x 60pixel banner may have some blurriness (there just aren't that many pixels to make it sharp). Especially when you zoom in. But how does it look at 100% size? Adequate, right? If you want super sharp text (and photo), create the banner in Photoshop. The Character palette in Photoshop allows you to render the text as either: Sharp, Crisp, Strong, or Smooth. Unfortunately, there is no way in AI to turn off anti-aliasing for your text. Do you have Photoshop, too?

          – jhurley
          5 hours ago






          1




          1





          Thanks. Photoshop didn't help. I tried all of the anti-alias options (photo added to question). Should I create the banner bigger and save as a smaller scale?

          – Lauren
          5 hours ago





          Thanks. Photoshop didn't help. I tried all of the anti-alias options (photo added to question). Should I create the banner bigger and save as a smaller scale?

          – Lauren
          5 hours ago













          You had 2 problems, right: pixel size and blurry quality. Is the file size at least fixed? For less JPG blurriness, looking at your Save for Web settings, here are a few things that will help. Disable Progressive (that's obsolete nowadays) and crank your quality from 60 to 100. For 60 pixels tall, that's the best your Novecento Thin font can do. IMO, thin fonts need a little help in Photoshop. For example: duplicate the Text layer (making the thin font a tiny bit brighter). I believe this is just the limits of small banners – understand that sharp, smooth edges require higher resolutions.

          – jhurley
          3 hours ago







          You had 2 problems, right: pixel size and blurry quality. Is the file size at least fixed? For less JPG blurriness, looking at your Save for Web settings, here are a few things that will help. Disable Progressive (that's obsolete nowadays) and crank your quality from 60 to 100. For 60 pixels tall, that's the best your Novecento Thin font can do. IMO, thin fonts need a little help in Photoshop. For example: duplicate the Text layer (making the thin font a tiny bit brighter). I believe this is just the limits of small banners – understand that sharp, smooth edges require higher resolutions.

          – jhurley
          3 hours ago













          2














          I am not giving up on you, @Lauren ;)



          I took your banner and Save for Web (as 300x60). As you can see, it is just 26.7K (not too large). And at 100% size – it is as sharp as can be using that font.



          enter image description here



          Would you consider this "blurry"? Your Save for Web still produces a large file? Have you ever been able to save a 300x60 pixel banner that you would consider sharp? If so, can you share it with us?






          share|improve this answer
























          • I really appreciate your determination, @jhurley! I'm not sure what you mean. The screen shot photos I uploaded are what I am trying to avoid. On Youtube I see other companion banner ads that are blurry so I see that it's been a challenge for others as well. But I have also seen that some are very crisp and clear. Can I link the AI file I have to see what can be done?

            – Lauren
            4 hours ago













          • I added new photos to the question to go with this. Thank you!

            – Lauren
            4 hours ago
















          2














          I am not giving up on you, @Lauren ;)



          I took your banner and Save for Web (as 300x60). As you can see, it is just 26.7K (not too large). And at 100% size – it is as sharp as can be using that font.



          enter image description here



          Would you consider this "blurry"? Your Save for Web still produces a large file? Have you ever been able to save a 300x60 pixel banner that you would consider sharp? If so, can you share it with us?






          share|improve this answer
























          • I really appreciate your determination, @jhurley! I'm not sure what you mean. The screen shot photos I uploaded are what I am trying to avoid. On Youtube I see other companion banner ads that are blurry so I see that it's been a challenge for others as well. But I have also seen that some are very crisp and clear. Can I link the AI file I have to see what can be done?

            – Lauren
            4 hours ago













          • I added new photos to the question to go with this. Thank you!

            – Lauren
            4 hours ago














          2












          2








          2







          I am not giving up on you, @Lauren ;)



          I took your banner and Save for Web (as 300x60). As you can see, it is just 26.7K (not too large). And at 100% size – it is as sharp as can be using that font.



          enter image description here



          Would you consider this "blurry"? Your Save for Web still produces a large file? Have you ever been able to save a 300x60 pixel banner that you would consider sharp? If so, can you share it with us?






          share|improve this answer













          I am not giving up on you, @Lauren ;)



          I took your banner and Save for Web (as 300x60). As you can see, it is just 26.7K (not too large). And at 100% size – it is as sharp as can be using that font.



          enter image description here



          Would you consider this "blurry"? Your Save for Web still produces a large file? Have you ever been able to save a 300x60 pixel banner that you would consider sharp? If so, can you share it with us?







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered 5 hours ago









          jhurleyjhurley

          823410




          823410













          • I really appreciate your determination, @jhurley! I'm not sure what you mean. The screen shot photos I uploaded are what I am trying to avoid. On Youtube I see other companion banner ads that are blurry so I see that it's been a challenge for others as well. But I have also seen that some are very crisp and clear. Can I link the AI file I have to see what can be done?

            – Lauren
            4 hours ago













          • I added new photos to the question to go with this. Thank you!

            – Lauren
            4 hours ago



















          • I really appreciate your determination, @jhurley! I'm not sure what you mean. The screen shot photos I uploaded are what I am trying to avoid. On Youtube I see other companion banner ads that are blurry so I see that it's been a challenge for others as well. But I have also seen that some are very crisp and clear. Can I link the AI file I have to see what can be done?

            – Lauren
            4 hours ago













          • I added new photos to the question to go with this. Thank you!

            – Lauren
            4 hours ago

















          I really appreciate your determination, @jhurley! I'm not sure what you mean. The screen shot photos I uploaded are what I am trying to avoid. On Youtube I see other companion banner ads that are blurry so I see that it's been a challenge for others as well. But I have also seen that some are very crisp and clear. Can I link the AI file I have to see what can be done?

          – Lauren
          4 hours ago







          I really appreciate your determination, @jhurley! I'm not sure what you mean. The screen shot photos I uploaded are what I am trying to avoid. On Youtube I see other companion banner ads that are blurry so I see that it's been a challenge for others as well. But I have also seen that some are very crisp and clear. Can I link the AI file I have to see what can be done?

          – Lauren
          4 hours ago















          I added new photos to the question to go with this. Thank you!

          – Lauren
          4 hours ago





          I added new photos to the question to go with this. Thank you!

          – Lauren
          4 hours ago










          Lauren is a new contributor. Be nice, and check out our Code of Conduct.










          draft saved

          draft discarded


















          Lauren is a new contributor. Be nice, and check out our Code of Conduct.













          Lauren is a new contributor. Be nice, and check out our Code of Conduct.












          Lauren is a new contributor. Be nice, and check out our Code of Conduct.
















          Thanks for contributing an answer to Graphic Design Stack Exchange!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid



          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.


          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgraphicdesign.stackexchange.com%2fquestions%2f122863%2fwhen-i-export-an-ai-300x60-art-board-it-saves-with-bigger-dimensions%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          數位音樂下載

          When can things happen in Etherscan, such as the picture below?

          格利澤436b