如何在博客上上传图片

SNS必收藏—各社交媒体图片使用终极指南图片信息的传播速度和传播力度在很多情况下都是远远高于纯文字的。

因此在优化社交竞争策划时就可以有效利用到视觉营销。

在这里，小编要给您介绍一些最常用的社交平台上所要求的图片信息，以及使用时所需要注意的地方。

Facebook 图片尺寸指南Facebook上的Cover photo（封面图片）是展示你品牌的利器。

有很多卖家都曾经使用该工具做出了不少有创意的图片。

官方推荐的尺寸是宽851像素，高315像素。

图1Profile photos（账号资料照片）Profile photos 的官方建议尺寸是180×180，显示出来是160×160。

图2Twitter 图片尺寸指南只要卖家在 上托管，Twitter 允许卖家使用post图像，并且显示在用户的feed上。

GIF是一个能够很好的与用户互动的图像形式，推特也公开声称支持卖家GIF的使用。

我们来看一下其中的一些提示和技巧。

资料图片：宽400×高400（px）封面图片：宽1500×高500（px）博客图片：宽880×高440（px）（最好是2:1的比例。

图片大小不能超过3MB或者1024×512）支持格式：JPG，PNG,GIFGoogle+图片尺寸设置G+上也能使用GIF格式的图片。

不仅可以在博客文中添加这种动态图片，封面图以及资料图。

使用上的PSD来设置封面图片。

下面是上传图片的规定尺寸。

资料图片：宽250×高250（px），显示出来是一个圆形的图片。

博文中图片：宽620×高620（px），1:1方形。

封面图片：宽1080×高608（px），最好图片左右各留出140px，在某些设备上，图片上传后可能左右会被截去一部分。

LinkedIn图片尺寸设置LinkedIn 是世界上最大的专业社交网络平台，用户超过3亿。

对B2B卖家来说，LinkedIn 无疑是最有效商业崛起途径。

新版新浪博客设置详解（一）模板设置与添加最新版本1、登陆您的博客，2、登陆后，点击导航条上的“页面设置”，3、新页面会有“风格设置”“自定义风格”“版式设置”多种博客风格和版式供你选择，可以使你的博客更漂亮，变化更多。

（我把它列为亮点之一）4、点"组件设置”有“基础组件”，“娱乐组件”，“活动组件”，“专业组件”供你选择，这几个模块是系统固定的，选择你需要的，在方框里打上勾，点上面的“保存”，显示“成功”，你选的模块就在首页显示了。

5、再点“自定义组件”，显示原来你添加的全部组件，可以删除、修改、编辑、选择使用等。

点“添加列表组件”，创建列表模块，先填好标题，如“友情链接”“文章列表”等；再“输入名称”，“名称的网址”“输入描述”（可以不填）点“添加”完成操作，再继续添加，添加完后点“保存”显示成功，新标题显示在“自定义组件”页面，把新标题前面方框打上勾，点右上方的“保存”，博客首页就显示新添加的内容了。

点“添加文本组件”，继续创建自己的文本模块，先填好标题，如“公告”“时钟”“日历”“播放器”“图片”等，再在正文栏输入内容，可以书写（或粘贴）文字、图片、代码（先显示源代码）等，添加完后点“保存”显示成功，新标题显示在“自定义组件”页面，把新标题前面方框打上勾，点右上方的“保存”，博客首页就显示新添加的内容了。

6、在首页已经使用的模块，点“管理”可以进去增加、修改、重新编辑等7、要调整侧栏模块位置，点“页面设置”，直接点页面上模块的上升键或下降键，可以方便的调整模块上下移动，将鼠标放到侧栏标题位置，显示十字时，可以向任意方向拉动模块，甚至可以把侧栏模块放到主页任何位置。

（我把它列为亮点之二）8、在“页面设置”状态还可以按“分类”对首页显示的文章进行设置，让首页显示同一分类的文章，这对有特色的博客来说，特别有意义。

（我把它列为亮点之三）9、在“页面设置”状态还可以点“隐藏”，停止使用该模块，要恢复使用进“自定义组件”。

用电脑写作文怎么配图1。

如果是你本地机上的图片，你可以在发表文章时点击编辑器左下角的“图片剪贴板”，通过“浏览”选中本地机中的图片，再点击“插入图片”就可以了，你提交文章时图片将会随之上传到新浪博客服务器中，但必须注意上传的图片应该是。

jpg或是。

gif格式的，字节数不能大于200K。

2。

如果想插入的是网络上的美图，那么可以点击编辑器工具栏上的黄色山形标志，在弹出的页面中输入图片的网址就可以了。

查看图片网址的方法很简单，将鼠标悬停在图片上方，单击右键，查看属性，其中url就是图片的网络地址，这个地址可以复制。

图片背景：如果希望在发表的文章下面安置一个漂亮的背景图，使文字出现在图片之上，那么可以设置文章的图片背景。

步骤如下： 1。

插入一个文字框，在框内写好文章； 2。

勾选编辑器左下角的“源代码”，在源代码中找出字段，在table之后空出一个半角空格，填写以下代码： background=图片的网络地址 style="backgroundrepeat:repeat-no; 50% 50%" 3。

对上述代码的解释： backgroundrepeat是指这张背景图是否重复覆盖整个背景，默认的是重复覆盖；如果你用的是一张很大的图，只用单张的图片做背景就可以了，不需要它重复的话，代码是backgroundrepeat:repeat-no；如果你用的是一张竖形图片，需要它横向重复的话，代码是backgroundrepeat:repeat-x；如果你用的是一张横形图片，需要它竖向重复，代码是backgroundrepeat:repeat-y。

50% 50%是指图片的位置，表示居中，如果是100% 100%表示图片在左上角，0% 0%表示图片在右下角，当然你可以根据需要设置成100% 0%，那就表示图片在左下角，有五个百分比组合，表示背景图片的五种位置选择，你可以根据需要自己去试着调整。

你好，【插图】 1。

.netmvc+layui做图⽚上传（⼆）——使⽤流上传和下载图⽚摘要：上篇⽂章写到⼀种上传图⽚的⽅法，其中提到那种⽅法的局限性，就是上传的⽂件只能保存在本项⽬⽬录下，在其他⽬录中访问不到该⽂件。

这与浏览器的安全性机制有关，浏览器不允许⽤户⽤任意的路径访问服务器上的资源，因为这可能造成服务器上其他位置的信息被泄露。

浏览器只允许⽤户⽤相对路径直接访问本项⽬路径下的资源。

那么，如果A项⽬要访问B项⽬上传的⽂件资源，这就产⽣问题了。

所以这就需要另外⼀种⽅法来解决这个问题，那就是通过流（Stream）的形式上传和下载⽂件资源。

这种⽅法因为不是通过路径直接访问⽂件，⽽是先把⽂件读取的流中，然后将流中的数据写⼊到新的⽂件中，还原需要上传的⽂件，所以也就不存在上⾯的问题了。

本⽚博客，着重介绍⼀下这种⽅式的实现。

⼀、准备⼯作⾸先，还是做⼀下准备⼯作：（1）创建⼀个解决⽅案（图⽚上传），⼀个mvc项⽬（Console）；（2）然后新建控制器（UploadImageController.cs）；如图：我这个demo是在⼀个code first实现案例上写的，所以你看到这个解决⽅案还有其他⼏个项⽬在⾥⾯，但是不⽤担⼼，本案例只涉及mvc项⽬（Console）,不与其他⼏个项⽬产⽣依赖。

（3）引⼊layui相关的依赖，编写前端代码：本案例中前台页⾯使⽤的是layui，所以提前引⼊layui的依赖，然后写好页⾯的代码(该代码⾃layui⽹站上copy)，如下：html:<link href="~/Content/layui/css/layui.css" rel="stylesheet" /><script src="~/Scripts/jquery-3.3.1.min.js"></script><script src="~/Content/layui/layui.js"></script><script src="~/Content/layui/layui.all.js"></script><div class="layui-upload" style="margin-top:100px;"><button type="button" class="layui-btn" id="test1">上传图⽚</button><div class="layui-upload-list"><img class="layui-upload-img" id="demo1" style="width:100px;height:auto;"><p id="demoText"></p></div></div>js:<script type="text/javascript">e('upload', function(){var $ = layui.jquery, upload = layui.upload;//普通图⽚上传var uploadInst = upload.render({elem: '#test1',url: '@Url.Action("Upload", "UploadImage")',before: function(obj){//预读本地⽂件⽰例，不⽀持ie8obj.preview(function(index, file, result){$('#demo1').attr('src', result); //图⽚链接（base64）});},done: function(res){//如果上传失败alert(JSON.stringify(res));// return layer.msg("上传成功");//上传成功},error: function(){//演⽰失败状态，并实现重传var demoText = $('#demoText');demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');demoText.find('.demo-reload').on('click', function(){uploadInst.upload();});}});});</script>以上代码为layui的图⽚上传⽰例代码，可到layui ⽂件上传部分获取。