Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >有了这个网站,妈妈再也不用担心我找不到好看的配图了!

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

作者头像
崔庆才
发布于 2023-01-04 11:43:05
发布于 2023-01-04 11:43:05
2.5K0
举报
文章被收录于专栏:进击的Coder进击的Coder

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

作者:崔庆才

大家在做网站或 App 开发、写文章、做 PPT,是不是有时候会遇到一些要配图的时候。

有了好看的图,格调瞬间就起来了。

相反,如果配图过于随意,这格调就感觉差不少档次。

所以,有时候,好看的图片还是很重要的。

这时候有同学说,找好看的图片还不简单吗?我随便百度一下就有了。但:

  • 如果搜到的图片有版权问题怎么办?
  • 如果我们就想要特定大小的图片怎么办?我们还得手动来裁切下。
  • 假如放到网站上展示的话,我们还得做个图床或者自己弄个服务器才能显示出来。

基于这些痛点,有没有什么方法可以解决这些问题呢?

今天就给大家推荐一个便捷好用的图片网站,利用它我们可以轻松获取到可以直接展示的图片,而且支持任意大小裁切、调色等功能。

Lorem Picsum

这个网站就叫做 Lorem Picsum,网址是 https://picsum.photos/。

Lorem 这个词大家可能见过,其实这个词还是有一定来历的。

Lorem 和 ipsum 这个词经常一起使用,代表的含义就是“乱数假文”,什么意思呢?其实就是带指无意义的文字。这个词经常会用在设计、排版里面,起到一些占位符的作用,让大家主要关注整体的布局,不要关注文字本身。

“Lorem ipsum从西元15世纪开始就被广泛地使用在西方的印刷、设计领域中,在电脑排版盛行之后,这段被传统印刷产业使用几百年的无意义文字又再度流行。由于这段文字以“Lorem ipsum”起头,并且常被用于标题的测试中,所以一般称为Lorem ipsum,简称为Lipsum。 ”

所以,这里的 Lorem 其实也有这个意思,让大家不用过多在意图片本身的内容,好看就行了~

功能

那么,Lorem Picsum 这个网站究竟提供了什么功能呢?下面我们来看看。

首先主页介绍的功能就是,生成一个具有特定尺寸的随机图片。

我们来试试:https://picsum.photos/200/300,打开之后就是这样一张图:

而且每次打开都是不一样的,图片的大小也是我们指定的 200x300 的图。

当然如果我们想获取一些特定大小的正方形图做头像,那么直接打开 https://picsum.photos/200 就可以了。

这个还是很有用的,比如我们想给我博客每一篇文章配张好看的图,大小是 200x130,那么我只需要直接给配图设置 https://picsum.photos/200/130 就好了,效果还是蛮不错的:

当然有时候这会就说了,我不想每次刷新的时候图片都变掉,想展示一些固定的图片能不能做到呢?

当然可以的,这个网站不仅支持随机的图片,还可以根据 ID 来展示固定的图片。

我们可以直接用 id 后面加上固定的数字就可以把图片固定下来,比如 https://picsum.photos/id/237/200/300 就是 200x300 的一张小狗图片。

至于每个 id 对应哪张图,大家可以到 https://picsum.photos/images 来查看,每张图都很精美:

当然,除了指定 ID,我们还可以指定 seed,只要 seed 是相同的,那么结果就是相同的。这样我们可以保证在传入相同值的时候,得到同样的图片。

比如这里有三张图,分别有不同的 seed 参数:

  • https://picsum.photos/seed/a/400/300
  • https://picsum.photos/seed/b/400/300
  • https://picsum.photos/seed/c/400/300

这三张图片因为 seed 的不同而不同,但是同一个链接无论打开多少次,内容都是一样的。

这种功能我们就可以用在为每个用户或场景展示不同的背景图,把名称当作 seed 传入,这样每个用户都是固定的,但是用户和用户之间都是随机不同的。

黑白样式

当然除了大小设定,这上面还提供了色调设置,比如设置黑白风格图片,在链接后面加上一个 ?grayscale 就可以了。

比如 https://picsum.photos/200/300?grayscale 就展示了一张黑白的图:

模糊样式

除了黑白样式,这个网站还支持模糊样式,这种在做背景的时候就会显得很有用,在 URL 后面加上 ?blur 参数就好了:

比如 https://picsum.photos/800/300/?blur 就可以获得一种虚化样式:

做一些页面的 Banner 头图还是很好看的。

JSON

当然,如果我们做程序开发,我们还可以直接获取 JSONAPI,比如 https://picsum.photos/v2/list 我们可以直接获取一些随机图片的列表,然后我们用代码直接解析即可。

要获取下一页或者设置每页的数量,只需要添加 page 和 limit 参数即可:

比如 https://picsum.photos/v2/list?page=2&limit=100 就是获取第二页 100 张图片,都是精美好图,随便写点代码展示出来就可以了。

以上就是今天要分享的内容,希望对大家有帮助。

End

崔庆才的新书《Python3网络爬虫开发实战(第二版)》已经正式上市了!书中详细介绍了零基础用 Python 开发爬虫的各方面知识,同时相比第一版新增了 JavaScript 逆向、Android 逆向、异步爬虫、深度学习Kubernetes 相关内容,‍同时本书已经获得 Python 之父 Guido 的推荐,目前本书正在七折促销中!

内容介绍:《Python3网络爬虫开发实战(第二版)》内容介绍

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2022-10-30,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 进击的Coder 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
一种用markdown写PPT的方法,再也不用费劲排版了
今天看jeremyxu 的技术点滴,发现分享了一个 markdown 写 PPT 的插件,惊为天人,先来看看官方效果图。
机智的程序员小熊
2020/06/23
4.6K0
Copycoder:这个工具和 Cursor、Bolt、V0 配合太棒了!提供更好的前端开发提示词(AI导航网站生成)
把图片输入给了一个叫 Copycoder 的AI工具:https://copycoder.ai/
AI进修生
2024/12/05
2.5K0
Copycoder:这个工具和 Cursor、Bolt、V0 配合太棒了!提供更好的前端开发提示词(AI导航网站生成)
微信小程序入门教程之二:页面样式
这个系列的上一篇教程,教大家写了一个最简单的 Hello world 微信小程序。
ruanyf
2020/10/29
1.4K0
工作效率:12个超好用的在线工具(提高生产力)
本文将介绍12款绝佳的免费效率工具,这些工具可以让你事半功倍,提高工作效率。无论你是一名程序员、设计师、学生还是白领,这些工具都能够帮助你更好地完成工作。赶快试试吧!
Freedom123
2024/03/29
4140
工作效率:12个超好用的在线工具(提高生产力)
网页设计期末作业,基于HTML+CSS+JavaScript超酷超炫的汽车类企业网站(6页)
✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式:【💌HTML七夕情人节表白网页制作 (110套) 】 🌎超炫酷的Echarts大屏可视化源码:【🔰 Echarts大屏展示大数据平台可视化(150套) 】 🔖 HTML+CSS+JS实例代码: 【🗂️5000套HTML+CSS+JS实例代码 (炫酷代码) 继续更新中...】 🎁 免
IT司马青衫
2022/08/23
4510
网页设计期末作业,基于HTML+CSS+JavaScript超酷超炫的汽车类企业网站(6页)
干货!网页设计中最常用的5种配图
Lee Odden曾说过“Content isn't King, it's the Kingdom”,内容为王已然是毋庸置疑的真理。在网页设计中也一样,内容本身一定是占据最多版面的部分,所以它的质量很大程度上决定网页最终的效果和成败。
奔跑的小鹿
2020/05/09
1.4K0
干货!网页设计中最常用的5种配图
【学生个人网页设计作品】使用HMTL制作一个超好看的保护海豚动物网页
✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式:【💌HTML七夕情人节表白网页制作 (110套) 】 🌎超炫酷的Echarts大屏可视化源码:【🔰 echarts大屏展示大数据平台可视化(150套) 】 🎁 免费且实用的WEB前端学习指南: 【📂web前端零基础到高级学习视频教程 120G干货分享】 🥇 关于作者: 历任研发
IT司马青衫
2022/08/11
3000
【学生个人网页设计作品】使用HMTL制作一个超好看的保护海豚动物网页
HCaptcha 的模拟点击破解方案来了!
这是「进击的Coder」的第 634 篇技术分享 作者:崔庆才 前面的文章我们介绍过 ReCaptcha 的模拟点击破解教程,但除了 ReCaptcha,还有另外和 ReCapacha 验证流程很相似的验证码,叫做 HCaptcha。 ReCaptcha 是谷歌家的,因为某些原因,咱们国内是无法使用 ReCaptcha 的,所以有时候 HCaptcha 也成了一些国际性网站的比较好的选择。 那今天我们就来了解下 HCaptcha 和它的模拟点击破解流程。 HCaptcha 我们首先看看 HCaptcha
崔庆才
2022/06/01
4.7K1
HCaptcha 的模拟点击破解方案来了!
图片布局的最全实现方式都在这了!附源码
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
六小登登
2019/10/25
1.5K0
49个常用的CSS代码片段,建议整理收藏
text-shadow 为网页字体添加阴影,通过对text-shadow属性设置相关的属性值。
前端达人
2021/07/16
2.3K0
港珠澳大桥介绍网站设计【期末大作业】源码
基于设计网站的的要求,其内所包含的图片与文字信息皆来自互联网。并且其选材比较贴合旅游所体现的主题,再加上其内的色彩调用,很会让人为之动容 并有一种身临其境的感觉。
MIKE笔记
2023/03/23
4470
港珠澳大桥介绍网站设计【期末大作业】源码
101种让你的网站更棒的方法
上周我和一个老客户聊天,她和我说,“Nick,我觉得我的网站需要改进,但是我却不确定到底需要做什么”。
疯狂的技术宅
2019/03/28
1.5K0
101种让你的网站更棒的方法
奇思妙想 CSS 文字动画
本文将会和这篇 -- CSS 奇思妙想边框动画类似,讲一些文字效果,利用不同的属性搭配,实现各式各样的文字动效。
Sb_Coco
2021/03/11
3.7K0
奇思妙想 CSS 文字动画
HenCoder Android 开发进阶:自定义 View 1-3 文字的绘制
之前的内容在这里: HenCoder Android 开发进阶 自定义 View 1-1 绘制基础 HenCoder Android 开发进阶 自定义 View 1-2 Paint 详解
扔物线
2018/08/20
1.3K0
HenCoder Android 开发进阶:自定义 View 1-3 文字的绘制
网站推荐 (不定时更新)1.网页设计2.技术干货3.特别喜欢的几个网站4.其他网站
Python cookbook:Python Cookbook,完全基于 Python 3,写的也很不错,中文版。
Python攻城狮
2018/08/23
1.9K0
网站推荐 (不定时更新)1.网页设计2.技术干货3.特别喜欢的几个网站4.其他网站
第三次重写个人网站,分享一些感想
最近更新了一波个人主页,正好整理一篇文章来分享一些想法。这篇文章会聊一聊网站中每个部分的实现思路,以及会说到我对设计的一些想法和思路。
前端小tips
2021/12/10
1.1K0
第三次重写个人网站,分享一些感想
BAT及各大互联网公司2014前端笔试面试题--Html,Css篇
  很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧,不仅适用于求职者,对于巩固复习前端基础更是大有裨益。   而更多的题目是我一路以来收集的,也有往年的,答案不确
Sb_Coco
2018/05/28
1.1K0
Markdown基础教程
Markdown 换行挺讲究,会发现在编写的时候直接回车换行发现不生效,那怎么办呢?
小城故事
2022/11/30
6.5K0
百度熊掌号如何实现搜索结果出图
百度熊掌号如何实现搜索结果出图呢?很多人听到这个名词会有点迷糊,不知道什么意思。看看下图就明白了。下面是魏艾斯博客的百度熊掌号文章列表,之前只有文字标题,现在程序会自动抓取文章内前三张图片展示出来,所以叫搜索结果出图。
魏艾斯博客www.vpsss.net
2018/10/18
9960
百度熊掌号如何实现搜索结果出图
第三次重写个人网站,分享一些感想
最近更新了一波个人主页,正好整理一篇文章来分享一些想法。这篇文章会聊一聊网站中每个部分的实现思路,以及会说到我对设计的一些想法和思路。
写代码的海怪
2022/03/30
9250
第三次重写个人网站,分享一些感想
推荐阅读
相关推荐
一种用markdown写PPT的方法,再也不用费劲排版了
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档