V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
xjchengo
V2EX  ›  分享创造

占位图服务 placeholdit

  •  
  •   xjchengo · 2015-06-25 21:45:35 +08:00 · 5500 次点击
    这是一个创建于 3438 天前的主题,其中的信息可能已经有所发展或是发生改变。

    目前已经有很多提供占位图服务的网站了,比如placehold.it、dummyimage.com。但是不是速度太慢不稳定,就是功能不齐全。我根据七牛提供的图片处理功能做了一套提供占位图服务的接口,速度不错,分享给大家。程序托管在SAE上,使用方法如下。

    指定尺寸

    指定背景颜色及字体颜色

    指定格式

    • 在url最后加上需要的图片格式即可,支持jpg、png、gif、webp,缺省为png格式,如 placeholdit.sinaapp.com/300x200.jpg 会生成一张300x200的jpg格式图片

    自定义文字

    自定义字体

    自定义字体大小

    11 条回复    2018-01-08 20:18:10 +08:00
    timothyye
        1
    timothyye  
       2015-06-25 23:13:55 +08:00 via Android
    mark
    evlos
        2
    evlos  
       2015-06-25 23:22:33 +08:00
    赞一个。但是其实不用图片存储/处理服务也可以哦,直接生成 svg 代码附上 Content-Type: image/svg+xml 即可,这样速度可以再快一点,不需要花时间在图片文件处理/读写上。

    https://github.com/Evlos/placeholder
    soli
        3
    soli  
       2015-06-25 23:43:49 +08:00
    为什么不用这个?

    https://github.com/imsky/holder
    hzlzh
        4
    hzlzh  
       2015-06-25 23:44:03 +08:00
    还有我这个 http://temp.im/ 也是在七牛 CDN
    xjchengo
        5
    xjchengo  
    OP
       2015-06-26 00:01:53 +08:00
    @evlos 你这个想法真好,长知识了。如果使用你这种方法在没有缓存的情况下可以减少大概1/3的时间,在SAE上只要40ms左右的时间可以了。
    xjchengo
        6
    xjchengo  
    OP
       2015-06-26 00:04:52 +08:00
    @soli 有些时候在页面中引入这个js不太方便
    xjchengo
        7
    xjchengo  
    OP
       2015-06-26 00:20:24 +08:00
    @hzlzh 看你介绍的时候说,所有的图片都已生成好,如果支持全部24位色的话,数量真不小。我是先生成了256张256x256大小的图片,其中每个像素颜色都不一样,生成占位图时使用七牛的图片处理功能裁出指定颜色再拉伸到指定尺寸然后打上水印。
    pubby
        8
    pubby  
       2015-06-26 00:39:52 +08:00 via Android
    这种服务很消耗流量啊
    xjchengo
        9
    xjchengo  
    OP
       2015-06-26 09:48:38 +08:00
    @pubby 目前只在v2ex这里分享了。我估算了一下,每25W次请求需要1块钱。
    hzlzh
        10
    hzlzh  
       2015-06-26 17:50:12 +08:00
    @xjchengo 我这个逻辑是第一次生成图片然后就进了 CDN 以后都有了,现在流量很大,不过七牛还是靠谱的
    xiqingongzi
        11
    xiqingongzi  
       2018-01-08 20:18:10 +08:00
    现在还能用,太赞了!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1033 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 19:21 · PVG 03:21 · LAX 11:21 · JFK 14:21
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.