如何阻止背景图像模糊？ [英] How do I stop my background image from being blurry?

问题描述

大家好，



对于所有代码，我都是绝对的新手。我试图在常规谷歌搜索的帮助下自定义Mailchimp模板。



我已经设法上传了从Facebook页面拍摄的图像并且它已经工作了（Hooray！）但图像模糊，我想我已经筋疲力尽了能力。



一个善良的灵魂能够看看我的代码，看看我做错了吗？

Hi Guys,

I am an absolute rookie when it comes to all things code. I am trying to customize a Mailchimp template with the help of regular google searches.

I have managed to upload an image taken from a facebook page and it has worked (Hooray!) but the image is blurry and I think I have exhausted all of my abilities.

Would a kind soul be able to take a look at my code and see what I am doing wrong?

<!--  billboard  -->
   <table border="0" cellpadding="0" cellspacing="0" width="100%" background="//lh3.googleusercontent.com/hetj8strog_5QTN0zKo1AS1CHlWlAHYVya1H2znbeu3YmeRqA5UuZkJPq-vl5PDNoRCc=s128" bgcolor="#4872AE" style="background-image:url('//lh3.googleusercontent.com/hetj8strog_5QTN0zKo1AS1CHlWlAHYVya1H2znbeu3YmeRqA5UuZkJPq-vl5PDNoRCc=s128');background-size:contain;-webkit-background-size:cover;background-position:bottom;background-repeat:no-repeat;background-color:#2a3647;">
     <!--  header  -->
     <tbody>
       <tr>
         <td>
           <table width="600" cellpadding="0" cellspacing="0" align="center" border="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;border:0;text-align:center;" class="content_width">

我的尝试：



<！ - 广告牌 - >



<！ - header - >

推荐答案

googleusercontent中的图片只有128 * 85像素，所以它当然会模糊，因为需要放大才能填充表格宽度。即使在128 * 85，它也看起来并不那么尖锐。如果你想要一个清晰的背景图像，你必须从更大的东西开始。

Your image at googleusercontent is only 128 * 85 pixels, so of course it will be blurry as it will need to be enlarged to fill your form width. Even at 128 * 85 it doesn't look all that sharp. If you want a sharp background image, you'll have to start with something larger.

就像我说的，图像太小，无法覆盖整个页面宽度。它的尺寸仅为128 * 85像素。你需要更大的图片。

Like I said, the image is too small to cover up the entire page width. It is just 128 * 85 pixel in size. You need a bigger picture.

这篇关于如何阻止背景图像模糊？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！