[发布]temp.im 一个图片占位符服务

2013-01-13 23:20:04 +08:00
 hzlzh
网站:
http://temp.im/
域名含义:I'm temp | 我是临时的(图片)

使用范例:
http://temp.im/123×456

描述:提供用于占位的图片文件在线托管,方便快捷的获得临时占位图片链接

特性:
* 所有图片文件托管在Drop/box上,安全稳定
* 使用Nginx [反//向//代//哩]避免了Drop/box被xx
* 所有图片已经静态生成,无需计算生成时间,快速响应
* 优化了http head,支持 <img alt="" /> 及 CSS background-image:url() 等调用方式
* 支持任意整数尺寸图片调用从 1×1 -> 1024×768
* 无需.png 或 .jpg等后缀,直接调用

制作过程以及在Github 和 Dropbox 的选择遇到的问题感兴趣的可以进一步看博客里写了,欢迎交流:
https://zlz.im/temp-im-placeholder-images-service/

附图:
15576 次点击
所在节点    分享创造
52 条回复
qiuai
2013-01-26 22:28:32 +08:00
@hzlzh 刚发现域名掉了.唉.算了.反正暂时也没有图片站这一块的需求
hzlzh
2013-01-27 13:21:06 +08:00
这里文中的链接中字母”x“ 被替换成了utf-8字符”ד
如下:
http://temp.im/123x456
http://temp.im/123%C3%97456

造成了部分用户撞到404页面,请 @Livid 帮修改下那个字母,不知道什么导致的,是不是[bug]?
m
2013-01-27 14:25:59 +08:00
@hzlzh 我想知道"图片占位符服务"是干啥用的?当网站默认图片的背景?用这个图片设置长宽然后控制间距?
gucheen
2013-01-27 14:32:05 +08:00
@m 有一些没有确定具体图片但是确实有这么一张图片的时候,就会用到了
hzlzh
2013-01-27 16:47:03 +08:00
@m 正如 @gucheen 所说
isayr
2013-01-27 17:21:54 +08:00
打开下载一个bin文件怎么回事
gucheen
2013-01-27 17:24:54 +08:00
@isayr 请在网页中使用,不要直接打开,另外记得加http,我测试了一下。不加貌似不行
hzlzh
2013-01-27 17:41:45 +08:00
@gucheen
@isayr 由于是用于 <img src=""> 以及 background-img:url(),没有直接浏览的需要,我强制了http头返回的是下载内容。
sobigfish
2013-01-27 23:11:01 +08:00
Bootstrap 现在用的placeholder.js 很帅
rannnn
2014-05-14 13:00:37 +08:00
Showfom
2014-05-14 13:02:36 +08:00
@m 你这个 ID 卖吗?
hzlzh
2014-05-14 13:23:35 +08:00
@rannnn placehold.it有限制 还弹验证码,无法容忍
MaiCong
2014-06-02 11:40:58 +08:00
留名收藏。这类工具一直在用。
inee
2014-06-02 12:31:42 +08:00
太棒!
XadillaX
2014-06-02 20:11:59 +08:00
@hzlzh 你也可以直接调用它:

<script src="http://imsky.github.io/holder/holder.js"></script>
hzlzh
2014-06-02 20:15:08 +08:00
@XadillaX 额外载入一个js是不是略显不优雅,大多数时候仅仅是想要一张图占位吧。
XadillaX
2014-06-03 11:01:00 +08:00
@hzlzh 用额外的服务主要是怕指不定哪天就挂掉了你懂的 0. 0
emric
2014-06-03 17:09:47 +08:00
颜色选项, 也是应该很重要的参数.
例如两张图片折叠起来就看不见边缘了.
hzlzh
2014-06-03 18:32:54 +08:00
@emric 是不是这样?我去加到demo里,实际上是支持 背景和文字颜色自定义的
http://temp.im/123x456/f2f/fff
shiny
2014-06-03 18:45:00 +08:00
我们都是用一像素的图片强制定宽高来实现 placeholder

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/57477

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX