有了这个,妈妈再也不用担心我找不到好看的图片了!

这是「进击的Coder」的第 479 篇技术分享

作者:崔庆才

我们在写文章、做网站的时候,为了美观,可能想插入几张好看的图片做封面、插画等等,比如我的博客 https://cuiqingcai.com/ 主页是这样的:

10a917d9c29ed5d94bf83e576a96bd71.png

这些图片看起来都还不错的对吧,每篇文章我都配了这样的图片,整体就显得不那么单调了。

然而这种好看的图片到哪里找呢?有没有分辨率要求?有分辨率要求的话难道还得用 PS 裁切一下?一听起来就好麻烦的样子。

今天介绍给大家一个实用网站,可以帮助我们非常便捷的获取各种好看的图片,解决几大痛点:

  • 到哪里找好看的图片。

  • 怎样快速获取指定分辨率的图片。

  • 怎样批量获取大量好看的图片。

这个网站就叫 https://source.unsplash.com/,它就可以帮我们做到这些事情,非常简单!下面我们就来了解下吧~

Unsplash

Unsplash 这个网站大家可能听说过吧,其实就是一个图片网站,类似于花瓣网、Pinterest 等等,首页如图所示:

3aeb0ca9b365c7a7ff924b198e80a50b.png

可以看到网站有很多分类,不同的分类有对应的好看的图片,另外我们每个人也都可以注册对应的账号,分享好看的图片。

今天我们介绍的网站 https://source.unsplash.com/ 其实就是 Unsplash 的子站,它提供了 API 和一些规则链接,访问之后可以得到一些随机好看的图片。

示例

首先打开 https://source.unsplash.com/ 的首页,映入眼帘的就是一个很大的输入框,同时 Random 按钮被高亮显示了,如图所示:

e7d4c6216a785785fd9d37f10ed9d545.png

这个输入框内容就是 https://source.unsplash.com/random,这个 URL 其实就指向了一张随机图片,我们访问下,会发生什么呢?

b70c0c79a0b369e295d41bcd58c46ab8.png

没错,它自动跳转到了一张 Unsplash 上的随机图片。

那再访问一次会不会变呢?会的。

重新在浏览器输入 https://source.unsplash.com/random,我们看到接着它就又返回了一张新的随机图片,如图所示:

feb1cc914deef62b5c1b444611187aad.png

是不是挺不错的样子?

每次访问的结果都是不一样的,而且返回的图片也都挺好看的。

可是,我们发现,这些图片似乎大小不一,还有的横的有的竖的,那如果我们想要指定分辨率怎么办呢?

其实很简单,我们只需要在 URL 之后加上分辨率即可,比如 800x600,那就是 https://source.unsplash.com/random/800x600,访问下,我们就得到一张 800x600 的图片,如图所示:

4d7383ca3bfa04a6bb4f5df07cb7cb04.png

是不是方便极了?300x200 也是一样的,就设置 https://source.unsplash.com/random/300x200,就能得到 300x200 的图片:

21fd9164af3f3b4c35a5a1b937af84e5.png

更多功能

其实上面的这个功能其实已经很方便了,但 Unsplash 提供的还不止这些功能,我们再看看它还提供了什么。

特定用户图片

Unsplash 上面有很多用户,我们可以直接输入用户名,即可获取某个用户的随机图片。

比如 https://source.unsplash.com/user/erondu,就可以获取 erondu 这个用户的随机图片,如图所示:

5bb66093df9c8cead677a071ddb0f97a.png

当然我们也可以添加对应的分辨率,比如 400x500 分辨率就设置 https://source.unsplash.com/user/erondu/400x500,结果就会自动裁切,效果同上。

用户名怎么获取?直接到 Unsplash https://unsplash.com/ 搜张图片,查看用户信息,就得到用户名了。

特定用户喜欢的图片

我们也可以获取某个用户喜欢的图片,比如 https://source.unsplash.com/user/erondu/likes 就可以获取 erondu 这个用户点赞过的随机图片。

当然也可以添加对应分辨率,比如获取 jakes 的喜欢过的分辨率在 1600x900 的图片,链接就是 https://source.unsplash.com/user/jackie/likes/1600x900。

特定收藏集的图片

收藏集就是一组照片,一般都是某个用户收集来的特定主题的图片,我们可以到 Unsplash 上搜。

比如 https://unsplash.com/collections/3131339/modisho-manufacturer 就是一个有关工匠主题的收藏集。

4386ee3606f9a75bd174b1bcf922d7f8.png

那怎么怎么直接获取里面的随机图片呢?

很简单,用 https://source.unsplash.com/collection/3131339 即可,这个 3131339 就是收藏集的 ID,就是前面 URL 里面带的。

4cb689747f0c7701792cfc36038279d4.png

当然我们也可以指定分辨率,同样也是在 URL 后面加分辨率信息即可,比如 https://source.unsplash.com/collection/3131339/1600x900。

每日/每周更新

上面的链接,每次访问的结果都是不一样的,但有时候想实现一个“每日壁纸”这样的功能,也就是做到每天更换,而不是每时每刻更换,有办法吗?

有的!

每日更新的图片就在后面加一个 /daily,每周更新的图片就在后面加一个 /weekly,分别就是 https://source.unsplash.com/daily 和 https://source.unsplash.com/weekly。

比如 https://source.unsplash.com/daily 访问之后就是一张固定的图片,不管访问多少次都是一样,直到第二天,这张图会自动更新,如图所示:

9b565f21a5a1145cd8b6da4051045579.png

这样的话,每日/每周的高清图片就可以获取了。

特定关键词

当然,有时候我们做一个主题网站,就像展示一些特定关键词的图片,URL 需要遵循这个规则:https://source.unsplash.com/featured/?{KEYWORD},{KEYWORD},KEYWORD 就是关键词,可以添加多个,逗号分隔即可。

比如花朵吧,英文就是 flower,访问地址就是 https://source.unsplash.com/featured/?flower,结果如下:

b4e114331a08cc7f664e5c844b0b9527.png

如果要获取特定分辨率的图片,可以直接把 featured 修改成分辨率信息,如 https://source.unsplash.com/800x600/?flower 就是获取主题是花朵的同时分辨率是 800x600 的图片。

特定照片

当然我们也可以获取特定图片并指定分辨率,特定的图片就需要指定一个图片 ID 了,这个从 Unsplash 网站搜就好了。

比如随便搜一张图片:

90bfb6edff8236f4ddf480f00c297e63.png

它的链接就是 https://unsplash.com/photos/5S9_3fx1g8c,所以这个图片的 ID 就是 5S9_3fx1g8c,如果我们想要获取该图片特定分辨率比如 300x200 的结果,那就直接访问 https://source.unsplash.com/5S9_3fx1g8c/300x200 即可,URL 规则就是 https://source.unsplash.com/{PHOTO ID}/{WIDTHxHEIGHT},第一个参数就是图片 ID,第二个参数就是分辨率。

结果如下:

1bf3010318699630a1b0a67146c0469b.png

这样 300x200 的图片就轻而易举获取到了!

API

除了如上功能,Unsplash 还提供了 API,比如 https://api.unsplash.com/photos,就能获取一组图片信息的 JSON 结果,包括 ID、用户、宽高、链接等等,如图所示:

de5db4525e5203845e873c2b435194d7.png

这样如果我们简单用 Python 对接下,那就可以轻松下载到很多好看的图片了,结果也非常格式化,非常方便!

更详细的功能可以参考 https://unsplash.com/developers。

总结

怎么样?这个是不是非常方便,有了这个,以后我们再也不用担心找不到好看的图片了,同时也不用专门裁切图片了,把这个用在封面、插图里面,格调瞬间不就提升了吗?

喜大普奔吧~

fef77596224218f1b1cf92b3b2e1d75d.png

End

「进击的Coder」专属学习群已正式成立,搜索「CQCcqc4」添加崔庆才的个人微信或者扫描下方二维码拉您入群交流学习。

fd1c284913ef33571c15f1d2b38313e1.png

看完记得关注@进击的Coder

及时收看更多好文

↓↓↓

崔庆才的「进击的Coder」知识星球已正式成立,感兴趣的可以查看《我创办了一个知识星球》了解更多内容,欢迎您的加入:

ca8fea5104eba3e9bfa609d91f45831c.png

好文和朋友一起看~

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值