加载中…
个人资料
范世刚
范世刚
  • 博客等级:
  • 博客积分:0
  • 博客访问:30,184
  • 关注人气:636
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

【博客技巧】新浪博客的大图攻略

(2009-08-21 15:10:45)
标签:

博客攻略

新浪

博客

大图

it

分类: 【说说IT】
【博客技巧】新浪博客的大图攻略
【博客技巧】新浪博客的大图攻略
    在新浪博客上发表博文,无论是利用相册里的图片、网上的图片,还是直接上传图片,最后在博文中显示的都是经过新浪压缩过的。这非常有利于让博文整体上看起来更舒服(如上图)、可以避免每一个博友发送上来的图片大小参差不齐的混乱。

    如果要想看到这张图片的原图,可以点击图片,进入相册、再通过“点击查看原图”的链接去查看原上传大小的图片。

    但是,对于摄友来说,这样通过压缩的、宽度只有500像素的图片经常是无法满足展示摄影作品、交流摄影经验的需要。而点击后进入相册、再点击查看原图的繁琐操作,也是广大博友不愿意接受的。特别是老范在《
图说6天5夜甘南青海游(四)》发了一个长边在4783像素的接片之后,很多朋友希望介绍发大图片的方法。

    这里老范就根据自己的经验,介绍三种非常便于阅读的大图片发布方法。

    在介绍方法之前首先需要说明新浪博客是如何处理上传和处理图片的:

    1、无论博友上传到相册中的还是在编辑博文时直接上传的图片,新浪后台都会将上传的原图片和压缩图片存放在相同的服务器中的两个不同的子目录下。并且存放一个相册缩略图。如上图分别存为:
        原    图:http://static11.photo.sina.com.cn/orignal/517646d1t71a39542e03a&690
        压缩图:http://static11.photo.sina.com.cn/middle/517646d1t71a39542e03a&690
        缩略图:http://static11.photo.sina.com.cn/small/517646d1t71a39542e03a&690


    2、无论是利用相册里的图片还是直接上传的图片在插入博文时,都是使用压缩图片。博文里图片的链接指向相册查看该图片,(上图的链接地址为:
http://blog.photo.sina.com.cn/showpic.html #url =http://s11.sinaimg.cn/orignal/517646d1t71a39542e03a&690),该链接包含两个部分,前面的部分是指向相册查看程序(http://blog.photo.sina.com.cn/showpic.html#url=)、后一部分是上传图片原图地址(http://s11.sinaimg.cn/orignal/517646d1t71a39542e03a&690)。

方法一:在博文中直接显示大图方法之一
【博客技巧】新浪博客的大图攻略
    1.将所有准备发表的图片修改尺寸,最大宽边可以到700像素(两列版式)。
    2、
将横图片先发到您的博客相册中备用。
    3.发博文时,将相册打开,选取
“点击查看原图”。之后在地址栏上点鼠标右键,选“复制”。
    4.在博文选择插入“网上图片”,在网上图片的地址栏中点“粘贴”,添加并插入,大图就贴在博文中了。
    (此方法最简单,不需要HTML知识。)

方法二:在博文中直接显示大图方法之二
【博客技巧】新浪博客的大图攻略
    1、将所有准备发表的图片修改尺寸,最大宽边可以到700像素。
    2、按照新浪要求上传图片、发表博文。
    3、选择“编辑”博文、“显示源代码”,将希望更改为大图图片对应的图片地址中子目录/middle/直接修改成/orignal/即可

    (此方法需要一点点HTML知识;可以修改以前的博文;可以利用文本编辑软件一下修改很多张照片地址)

方法三:博文浏览不变,点击图片查看大图

    对于上面两种方法,改变的是直接显示大图。但是受页面结构的限制,这种大图还不能满足全部需要。对于纵幅图片可以显示的比较大;横幅的4:3比例的图片也还算勉强。如果是一个宽纵比很大的图片,看到的就不是大图了。
【博客技巧】新浪博客的大图攻略

    这时最好的方法是:
    1、转换好你要发布图片的最佳尺寸(博文插入图片上限仅是文件不大于3M);
    2、按照正常过程发表博文并插入图片;
    3、完成“发表”后,立刻进入“编辑”,
“显示源代码”,将全部源代码拷贝出来(CTRL+A; CTRL+X)
    4、利用UltraEdit32等文本编辑程序,将每一个图片由新浪自动建立的链接地址其前面指向相册查看程序部分(
http://blog.photo.sina.com.cn/showpic.html#url=这个部分在每一个博文里是完全一致的,一次替换就可以把整个文章中的全部替换掉)全部替换掉,只剩下原链接中指向原图部分(http://s11.sinaimg.cn/orignal/517646d1t71a3880f737a&690)。再将修改过的全部代码拷贝粘贴到编辑框,“保存修改”。

    这样的方法需要一点点HTML知识、文本编辑程序使用知识。结果是,博文里可以看到压缩的图片基本明白意思,必要时点击图片可以直接查看大图。十分方便。



==================================================
【博客技巧】新浪博客的大图攻略 【博客技巧】新浪博客的大图攻略 【博客技巧】新浪博客的大图攻略
(点击图片可以直接进入相关文章)
==================================================
拍拍照片:
古都西安——大雁塔【博客技巧】新浪博客的大图攻略
已推荐到IT博客,点击查看更多精彩内容古都西安——秦俑表情【博客技巧】新浪博客的大图攻略
秋染京城 —— 之三北海菊花展【博客技巧】新浪博客的大图攻略
诗画·荷花 【博客技巧】新浪博客的大图攻略
花花草草与微距摄影【博客技巧】新浪博客的大图攻略

听听音乐:
第51届格莱美音乐奖,Alison Krauss再填5座小金喇叭【博客技巧】新浪博客的大图攻略
钟爱一生的歌手——齐豫【博客技巧】新浪博客的大图攻略【博客技巧】新浪博客的大图攻略
琴键黑白分明 音乐却是千万种颜色【博客技巧】新浪博客的大图攻略
如果你小资,你就一定会喜欢她 【博客技巧】新浪博客的大图攻略
音乐何须“懂”  只要被感动【博客技巧】新浪博客的大图攻略

说说IT:
天气秀1.6.0.2使用与自制皮肤【博客技巧】新浪博客的大图攻略【博客技巧】新浪博客的大图攻略
新浪博客系统有Bug,想提建议却无门 【博客技巧】新浪博客的大图攻略
中国移动卖的移动业务没有质量标准 【博客技巧】新浪博客的大图攻略
网通没了,你怪谁?! 【博客技巧】新浪博客的大图攻略
互联网十年、博客、民粹与中国的进步 【博客技巧】新浪博客的大图攻略

好摄菜旅:
图说6天5夜甘南青海游(一)(二)(三)(四)【博客技巧】新浪博客的大图攻略
已推荐到IT博客,点击查看更多精彩内容乡绅的宫殿——王家大院
古都西安——初游感受【博客技巧】新浪博客的大图攻略
尼泊尔印象之自助游 【博客技巧】新浪博客的大图攻略
美哉!婺源 【博客技巧】新浪博客的大图攻略

发发杂音:
[转]公民社会下监督权大行其道【博客技巧】新浪博客的大图攻略
从“范跑跑”看信托责任
“信托责任”概念帮助我们认清中国很多问题的根源

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有