最新消息:20190717 VPS服务器:Vultr新加坡,WordPress主题:大前端D8,统一介绍入口:关于

【已解决】WLW中向WordPress上传单张图片,wordpress中却生成了多张(3张:缩略图大小,中等大小,大尺寸)图片

WordPress crifan 1658浏览 0评论

【问题】

虽然之前解决了WLW上传图片的问题:

【记录】配置WLW,使得支持图片上传

但是结果却是,对于单张图片,上传了对应的6张:

extracted-url-150×150.png
extracted-url-640×121.png
extracted-url.png
extracted-url_thumb-150×126.png
extracted-url_thumb-640×125.png
extracted-url_thumb.png

【解决过程】

1.测试了本地的wordpress,同样的设置的情况下,却还是正常的,只是上传了两张图片:

[IMG] extracted-url.png 16-Oct-2012 16:19 57K
[IMG] extracted-url_thumb.png 16-Oct-2012 16:19 15K

所以,怀疑是不是针对在线的wordpress,当前图片插入时的配置不一样?

结果对比了配置,都是一样的。

2.又去根据之前写的

InsertSkydriveFiles

中的

file:///C:/Users/Administrator/AppData/Local/Temp/WindowsLiveWriter-590991476/supfiles1BABFDD/wangluodan 333_thumb[1].jpg

去打开

C:\Users\Administrator\AppData\Local\Temp

竟然很诡异的,找不到WindowsLiveWriter-590991476之类的文件夹了。

也就没法看看本地和在线的文件夹中,图片是否一样多了。

3.再去在线的wordpress中,把

启用 Atom 发布协议。

取消掉,看看是否有改善。

结果还是同样问题,传一个图片,结果出现6个:

[ ] remove-reflection-code-150×150.png 16-Oct-2012 02:35 23K
[ ] remove-reflection-code-640×272.png 16-Oct-2012 02:35 121K
[ ] remove-reflection-code.png 16-Oct-2012 02:35 180K
[ ] remove-reflection-code_thumb-150×150.png 16-Oct-2012 02:36 22K
[ ] remove-reflection-code_thumb-640×274.png 16-Oct-2012 02:36 148K
[ ] remove-reflection-code_thumb.png 16-Oct-2012 02:36 98K

4.后来去通过

调试InsertSkydriveFiles的时候,就可以找到对应的html:

<P><A 
href="file:///C:/Users/CLi/AppData/Local/Temp/WindowsLiveWriter-1313852349/supfiles1A629E5/add shdocvw dll[2].png"><IMG 
style="BACKGROUND-IMAGE: none; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px" 
title="add shdocvw dll" border=0 alt="add shdocvw dll" 
src="file:///C:/Users/CLi/AppData/Local/Temp/WindowsLiveWriter-1313852349/supfiles1A629E5/add shdocvw dll_thumb.png" 
width=644 height=363></A>&nbsp;</P>
<P><A 
href="file:///C:/Users/CLi/AppData/Local/Temp/WindowsLiveWriter-1313852349/supfiles1A629E5/added Interop_SHDocVw[2].png"><IMG 
style="BACKGROUND-IMAGE: none; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px" 
title="added Interop_SHDocVw" border=0 alt="added Interop_SHDocVw" 
src="file:///C:/Users/CLi/AppData/Local/Temp/WindowsLiveWriter-1313852349/supfiles1A629E5/added Interop_SHDocVw_thumb.png" 
width=644 height=191></A></P>

中的

C:\Users\CLi\AppData\Local\Temp\WindowsLiveWriter-1313852349\supfiles1A629E5

中图片了:

tmp pics

5.到网上找了半天,关于通过wlw上传图片到wordpress中,但是图片重复方面的问题,结果一个没找到。

都是找到的说是图片无法上传的方面的问题。

日啊。

6.功夫不负有心人,终于通过google搜:

wlw upload pic size wordpress

而,找到了一个相关的帖子:

WordPress Tips – Avoid Creating Multiple Images for Single Image

WordPress creates three different images of different sizes for a single image upload. If you are attaching an image on your blog post, your hosting account upload folder will have 3 different image of sizes (150 x 60, 300 x 38, original) which will increase the number of files on your hosting account. If your blog is hosted on shared server, they always keep a restriction on number of files (also in case of unlimited hosting) so you may face suspension warning because of such extra files. If you are using Windows Live Writer, you may reduce this number from 3 to 2 as you can use FTP feature of Windows Live Writer to upload post images.

不过其解决办法是使用wlw的ftp上传图片,可以使得3张图片变2张。

注:

后来,倒也是在:

Things You Should Do After Installing WordPress

中找到了同上面的类似的解释:

Tip 8: Turn Off Image Thumbnails in WordPress (workaround)

disable-image-thumbnails When you upload an image to WordPress, it creates two additional thumbnail images in the uploads directory. I don’t know how to prevent WordPress from creating image thumbnails but there’s a workaround if you publish posts via Windows Live Writer.

Just use the FTP publishing option for images and this will automatically disable thumbnail creation because the upload happens through a different route.

但是此办法,还不是我所想要的。

我所希望的,最好是1张或2张,并且就像现在一样,不需要配置ftp上传,直接使用默认的“日志服务”,就实现图片上传。

后来,也在:

wordpress上传图片,会自动生成多个大小的图片,太占用空间,如何取消这一功能,一次上传只有一种规格?

知道了其中一种解决办法:

那是你的博客设置了自动缩略图,把缩略图功能关闭就没有了。在媒体里把缩略图大小设置为0就可以了。详细看参考资料

然后看到的解决办法是,把“媒体选项”中的,

缩略图大小

中等

大尺寸

三者都设置为0,或者留空,这样就使得上传的图片,就只有一个原始大小了。

先去试试这个办法再说。

不过,尝试此办法之前,突然想到奇怪的现象,为何我本地的wordpress的,和在线的wordpress同样的设置:

本地wp的图像大小 都是设置了值的

然后本地上传的图片,却只有一个原始大小,和一个缩略图,而没有另外两个

中等大小

大尺寸

的图片。

不知道为何。

需要有空去找找原因。

先去在线的wordpress中,都设置为0:

all set to 0

然后,现在就把此贴发布,看看会不会只生成单张图片。

结果证实,此时的确只会生成单张图片的:

all-set-to-0.png                                16-Oct-2012 03:42   17K 
all-set-to-0_thumb.png                          16-Oct-2012 03:42   21K

其中,此处上传了2张,主要是由于wlw中的html源码中,就本身包含了2张本地图片(一个是原始图片,一个是thumb),所以才会对应的每张图片,都上传对应的原始图片和thumb图片的。

 

【总结】

至此,算是比较清楚,为何之前,向WLW中,粘贴/拖拽一张图片,然后使用WLW中的默认设置“日志服务”(而非FTP方式)上传图片到Wordpress中,

结果Wordpress中会生成6张图片的原因了。

比如,原始图片是

extracted url.jpg

则wordpress中会(上传)生成对应的6张图片:

extracted-url-150×150.png

extracted-url-640×121.png

extracted-url.png

extracted-url_thumb-150×126.png

extracted-url_thumb-640×125.png

extracted-url_thumb.png

其中,对于WLW来说,每张图片,源码都是对应的

<p><a href="xxx[2].png"><img ... src="$xxx_thumb[1].png" ... /></a></p>

的,所以,会有对应的原始图片xxx和缩略图图片:xxx_thumb

所以就是1×2=2,每张图片都是变成2张了。

然后对于wordpress来说

设置->媒体->媒体选项->图像大小,中有三种配置:

缩略图大小,中等大小,大尺寸

而默认设置是类似于这样的配置: 150×150,300×300,1024×1024

即都是非0的值,所以,对于上传到wordpress中的单张图片来说,如果发现上述设置非0,或者非空,则会

为缩略图大小和中等大小,生成对应的图片,即上述对应的

extracted-url-150×150.png

extracted-url-640×121.png

和检测原始图片本身,如果超过了上述的大尺寸,则压缩为大尺寸,否则就是原始图片的大小了。

所以,会看到对应的共三张图片了:

extracted-url-150×150.png

extracted-url-640×121.png

extracted-url.png

 

所以,对于传入WLW中的单张图片,经过WLW后,x2,再经过Wordpress的三种图片大小,就再x3,最后变成了,6张图片了。

对此,其实当前的最好的愿望是,就只上传一张图片就好了。

就是本身当前设置的图片的大小,就足够了。

但是,暂时只能做到的是,通过wordpress中,把图像大小中的缩略图大小,中等大小,大尺寸都设置为0或留空,使得wordpress不再多生成多余的图片。

但是对于wlw,暂时还是会生成2张图片,对此,除非以后写个插件以解决此问题,否则暂时就只能这样了。


【后记1】

后来经过折腾,发现想要去除WLW中图片重复,就只保留单张图片的话,也发现一些简单的办法:

方法1:

对WLW中的图片,设置图片的“链接至”为“无链接”:

设置 链接至 为 无链接

如此,则图片的源码中的href部分就去掉了,所以就对应的图片也去掉了,上传到wordpress中的图片,就只剩src中的,单个的图片了。

 

方法2:

默认设置,"链接至"为“源图片”的情况下,在WLW,点击“源代码”以切换到源码中,找到对应的图片的源码:

<p><a href="$设置 链接至 为 无链接[7].png"><img ... src="$设置 链接至 为 无链接_thumb[1].png" ... /></a></p>

将其中href部分的值,改为src部分的值,使得两者一样,都是xxx_thumb的样子,即改为:

<p><a href="$设置 链接至 为 无链接_thumb[1].png"><img ... src="$设置 链接至 为 无链接_thumb[1].png" ... /></a></p>

如此,则使得,从wlw中,上传到wordpress中,就只有一种图片源地址,所以,就实现了只上传单个图片的效果了。

另外,我是喜欢,给<a>的href后面,添加target="_blank",使得点击图片时,可以在新窗口中打开,方便在图片本身缩小的情况下,新窗口中,可以看到原始的大图片。

所以顺便也就可以改为:

<p><a href="$设置 链接至 为 无链接_thumb[1].png" target="_blank"><img ... src="$设置 链接至 为 无链接_thumb[1].png" ... /></a></p>

了,如此,就完全实现了最终需要的效果了:

WLW中,只上传单张图片,并且支持点击图片,在新窗口中打开。

 

而对于这部分手动的操作,以后有空去写插件,实现这些功能。就省却了手动的繁琐操作了。

转载请注明:在路上 » 【已解决】WLW中向WordPress上传单张图片,wordpress中却生成了多张(3张:缩略图大小,中等大小,大尺寸)图片

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (3)

  1. 感谢您,帮我解决了这个问题,不过,我也给你说一下,最后更好的办法,就是关于wlw的问题,您不必写什么插件,直接在这图片设置那里设为默认。就可以了。
    zyzlsg5年前 (2015-03-19)回复
    • 我设置过的,没用的。不知道你那里是如何设置,如何起效果的?
      crifan5年前 (2015-03-30)回复
  2. 今天使用wlw上传图片遇到了类似的问题,另外问下插件写出来了不……还有不知道你了解不了解用ftp方式上传图片会生成一个随机名的新目录的问题,有什么办法可以让它不生成么
    孤雁幽幽5年前 (2015-01-13)回复
67 queries in 0.095 seconds, using 18.42MB memory