如果你也关注影视，最近真的太容易被《 爱死机 》第三季给刷屏了。光怪陆离的想象在9部截然不同的动画短片中完整地泼洒开来，死亡与情感，生命和技术，现在和未来，每一部作品都足以给你一些奇思或是启迪。

在第三季的9部作品中，讨论度最高的作品应该是最后一部作品《Jibaro》，这个灵感源自于海妖塞壬，但是又糅合了各种不同文化下的民间传说的故事，借由 Mielgo 标志性的视觉风格呈现了出来。

同类文章推荐：

《蝙蝠侠》电影设计美学的源头，竟然都始于蝙蝠战车！ ​你也许看过很多蝙蝠侠的故事，漫画，剧集，电影，在所有的故事当中，蝙蝠侠这个角色的出现，都会从那个小巷开始：一次莽撞的抢劫，手枪枪响，珍珠项链散落满地，死亡，尖叫，惊恐，失神，然后一个名为蝙蝠侠的角色由此诞生。

阅读文章 >

超人气的蝙蝠战车是如何创造出来的？揭秘背后设计稿！ 相比于诺兰前传三部曲的「写实感」，扎克·施耐德的这3部 DC 电影似乎排名并没有那么靠前，甚至口碑也没有那么的神，但是在美术风格、视觉设计上，口碑是无可撼动的。

阅读文章 >

电影设计美学！封神的诺兰版《蝙蝠侠》里，导演亲手捏出了蝙蝠车 诺兰的蝙蝠侠三部曲中的蝙蝠车 Tumbler 可能是蝙蝠车历史上最没蝙蝠特征的蝙蝠车。

阅读文章 >

1、《爱死机》第三季压轴之作 你会注意到，多数人在谈及《爱死机》第三季的时候，多数时候都会配上《Jibaro》中，湖中妖女从水面探出半张脸的经典场景。

太惊艳了。

你会在公众号和各种视频解说中看到形形色色的解说，截至目前，我认为在故事背景上挖掘足够深也足够好的，是 up主「大聪看电影」的这个视频，他在挖掘「Jibaro」这一词背后文化演变过程后的解读非常深入，如果你对于影片中的元素、隐喻和意义感兴趣，不妨看看这个视频：

当视频无法加载时请刷新页面， 或前往PC获得最佳体验。

对于这部融合了不同地域、不同文化民间传说的动画短片，全程没有一句对白，在表达上充满了模糊行，着赋予了影片极大的解读空间。导演和艺术指导 Alberto Mielgo 非常巧妙地将地域文化背后的叙事和人际关系中的隐喻结合到了一起，在接受访谈的时候，他非常坦诚地表达了他对于这种叙事的想法：

「我喜欢那种不知道谁是好人谁是坏人的感觉……我更多想要表达的，不是所有的事情都必须关于拯救世界，或者讲述一位英雄的心路历程。」

在接受 Screen Rant 访谈的时候，Mielgo 揭秘了这部影片背后的制作细节：

影片中经验的湖妖舞蹈并非动作捕捉，而是借助多机位摄影拍摄编舞 Sara Silkins 的舞蹈动作，然后在 3D 建模角色和手工绘制细节的基础上，使用关键帧动画制作而成！ 女妖身上的珠宝配饰，在舞蹈动作下的飞舞效果结合湖中环境的流体变化，为3D渲染提出了极高的要求，这使得团队的技术人员痛苦不已，但是效果也相当惊艳。

Mielgo 希望观影者对于这部作品有自己的结论，因为他不打算提供解释，这样每个观影者都会有自己的解读，并且随着观影次数的增加，理解方式会有所变化。 因为《Jibaro》， Mielgo 的名字出圈了。但实际上，此前他的视觉风格所主导的影视作品，已经在中文互联网上引起了起码3次大范围的讨论了。

2、其实这个艺术家已经出圈好几次了 我们当中的多数人，第一次注意到他的存在，是《爱死机》第一季中的《The Witness》：

第二次则是《蜘蛛侠：平行宇宙》，即使索尼并没有过多针对 Alberto Mielgo 进行宣传。

当他借助动画短片《皆为爱》斩获得2022年最佳动画短片大奖的时候，Alberto Mielgo，大家终于对于这个男人的名字，有了相对深刻的印象。

这一次的《Jibaro》，则以压轴作品的身份，成为《爱死机》第三季在大众口碑上的压仓石。

3、值得关注的宝藏艺术家和插画师 Mielgo 正正经经是一位宝藏艺术家、动画师和导演，但是如果你仔细审视他的成长和职业经历，你会发现他的角色身份是如此的多元而丰富——他对于叙事、文本、音乐编曲、影视制作都有着非常扎实的经验。

1979年 Mielgo 出生于西班牙并且在这里长大，和很多热爱艺术充满想象力的年轻人一样，他选择了离开故土，在亚洲和欧洲不同的国家工作和学习，去过伦敦、巴黎、柏林、东京，并且最终选择在洛杉矶这个以好莱坞而闻名世界的城市深耕自己的事业。

2005之前，他就以艺术家的身份参与到蒂姆波顿的定格动画《僵尸新娘》当中，在这部电影当中，他仅仅只是负责绘制故事板的插画师：

看到这里，你大概还觉得这些事情，很多艺术家……或者说插画师都能做到，往下看，你会知道什么叫强无敌。

在 2009 年发布的节奏音乐游戏《披头士：摇滚乐队》当中，Mielgo 则和动画师 Robert Valley 共同完成开场和结尾部分的过长动画，与此同时，他将自己独特的视觉风格融入到其中：

2010 年，Mielgo 以概念 设计师 的身份参与到《哈利·波特与死亡圣器》（上+下）系列当中，按照 Mielgo 的说法，他在剧本尚未完成的时候，根据小说中几页内容「快速勾勒出一些场景的概念插画，缩略图和想法」，这些拥有强烈色彩对比的概念场景，让哈利波特的艺术团队兴奋无比，并且其中很多设计最后都落地到电影了当中：

到了 2012 年至 2013 年期间，Mielgo 以制片和艺术指导的身份主导了迪士尼旗下知名 IP 《创战记：起义》，而正是这部作品，为 Mielgo 一口气连续斩获了艾美奖和安妮奖。80年代的《创战记》本身就有着超越时代的独特视觉特色，而 Mielgo 为 《创战记：起义》则将这种从未出现于动画中的强烈视觉肌理，引入到动画领域当中，赋予《创》系列以新生：

而 Mielgo 受聘于索尼参与动画《蜘蛛侠多元宇宙》这一动画的幕后，则和很多人想象的不一样。

Mielgo 被索尼招募来作为「视觉顾问」的时候，这部动画长片还没有影子，他需要带领团队完成一个蜘蛛侠主题的小短片，这个短片被成为「测试动画」，没有更具体的名称。

最初的时候，他一个人坐拥2楼整层办公楼的办公室，独自探索世界观、视觉风格、角色呈现、摄影角度等各种可能性。

当上面的第一张图出来的时候，索尼这边有权限看到的人都震惊不已。然后索尼非常开明地让 Mielgo 招募他喜欢的艺术家和过去的合作伙伴，进入这个 2 楼的办公室，一同继续完善这个小短片。

在制作过程中，索尼不仅给了 Mielgo 一套蜘蛛侠服装，而且他和团队成员会前去纽约的大街小巷，在不同的高楼上用不同的角度取景，并且在此基础上，绘制插画，最终完成了三到四个小场景下的动画短片。

但是最终由于技术和风格上的差异，索尼和 Mielgo 在电影开始制作之前分道扬镳。但是最后在动画电影制作的过程中，Mielgo 所定义的视觉风格在很大程度上，赋予了这部电影以独特的气质，成为了这部作品最终成功的重要基石。

即使索尼在各个场合都鲜有提及 Alberto Mielgo 为这部动画电影所做出的贡献。

此后，Mielgo 为 Netflix 的动画影集《爱死机》第一季所制作的短片《The Witness》，为他一口气夺得了 3 个艾美奖和 1 个安妮奖。对于这部作品，Mielgo 称之为「迄今为止最私人的一部影片」。

而帮助 Mielgo 一口气拿到奥斯卡的《皆为爱》的英文原名《The Windshield Wiper》直译应为「雨刷器」，则是他「关于爱情和人际关系的一个非常个人的特殊愿景」，他将自己不同阶段所遭遇的「插曲」整合到一起，围绕着「爱」这个主题，将关系中不同状态的瞬间抓住，呈现在我们的眼前。在这部动画短片中，Mielgo 一如既往地使用了关键帧动画来呈现，在技术上则多借助了粉彩来强化瞬间光影的肌理：

当我在 Alberto Mielgo 的个人网站   上浏览的过程中，已经不知道多少次被他的作品冲击到。上面的截图只是他作品中很少的一部分，他为《看门狗》制作的短片同样精彩：

他制作的短片 GENTRIFICATION 、 Reel 、 Philips   每一个都值得你反反复复地欣赏。

你真的很容易在 Mielgo 身上找到很多足够个人，又特别值得咂摸的想法和特质。

4、关于 Alberto Mielgo ，一点个人想法 Mielgo 曾经多次在访谈中提到，他是「一个自学成才的艺术家」并且在摸索中「找到一种适合自己的风格」。如果你是插画师，你大抵也能在 Mielgo 的个人网站 和作品集当中，看到他的成长历程，作品风格和表达方式随着时间推移的演变，这比起单独凝视某一作品来得更有趣，也更有价值。

与此同时，他也多次强调过他偏爱「非语言化的电影呈现方式」，倾向于在影片中让叙述者自然地呈现故事，将想象和解读的空间留给观影者，这种强调「叙事」而非「结果」的视听语言是高级而聪明的做法。这种方式和这个急于求成而武断的时代背道而驰。

我们对于「艺术源自生活」的说法非常熟悉，但是真有多少人会深入地去如此地执行呢？在创作《皆为爱》的时候，其中几乎所有的场景都来自于 Mielgo 过去十几年在世界各地工作生活的真实场景、所见所闻，这种长时间的记录、琢磨、反刍是塑造一部伟大作品的基础，这是实打实的「来自生活的艺术」。

Mielgo 对于技术的态度也非常有趣。当大家都集中与流体渲染的惊艳、角色舞蹈动作的灵活呈现方式的时候，他却一再强调技术是服务于叙事的，当表达需要更强技术之时，痛苦的攻坚是必要的组成部分。

所以，作为一个 个性强烈的个人艺术家，他和索尼的冲突让他「出圈出名」的时机延后了，但是最终，依然能够倚靠优秀的作品，一次又一次用奇观冲破日常，用无言的叙事制造想象的宏大空间。

「我喜欢动画胜过任何艺术，因为它包含所有艺术。」

最后的最后 这份豆瓣网友「库华图 」所翻译的访谈非常值得学习插画的同学们来学习一下：

https://movie.douban.com/review/14417654/

其他参考来源：

http://www.albertomielgo.com/

https://movie.douban.com/celebrity/1412970/

https://www.imdb.com/name/nm2856960/

https://en.wikipedia.org/wiki/Alberto_Mielgo

https://screenrant.com/love-death-robots-vol-3-alberto-mielgo/

https://www.youtube.com/watch?v=iDl2GFVSTPk

https://www.youtube.com/watch?v=tEVA-t2GMfU

https://www.youtube.com/watch?v=o0H_HnAAfDo

大家好，我是和你们一起聊设计花生~ 又到了为大家推荐 设计师 效率工具 的时候啦，今天的 5 款神器分别是：

简单好用！免费的 Webp 图片格式转换器「Anyweb」 超专业！Web3 及 NFT 知识公益科普网页「我的第一个 NFT」 自动配色！免费 CSS 彩色渐变生成器「Color Space」 效果丝滑！可变字体在线预览神器「Font Gauntlet」 极致压缩！国产免费在线压缩神器「Docmall」 错过上期的小伙伴看这里↓

这 5 款工具，让设计师工作效率提升 200%！（五） 大家好，我是努力为设计师寻找效率工具的花生~ 今天继续为大家推荐的 5 款能有效提升工作效率的神器，它们分别是： 无损压缩！

阅读文章 >

Anyweb 「网站直达」 https://anywebp.com/

Webp 格式的图片无法直接导入 Ps 或者 Ai 中，非常不方便，这时候就可以用 Anyweb 将图片格式转换。Anyweb 可以将 Webp 转换为 JPG/PNG/IOC，并支持一键批量转换。功能免费，而且是在线网站，打开即用，非常方便。

使用方法：点击花朵图标上传图片，并在「输出」处设置需要的格式，图片上传成功后点击右侧的开始，转换成功后会自动弹出下载窗口。

免费！支持超过 100 种格式的图片格式转换神器「Pixelied」 Pixelied 是一家提供相片编辑器的服务商，旗下有个「Free Image Converter」的图片格式转换工具，让使用者通过浏览器进行在线批次编辑，而且不用担心降低照片画质，也无需下载或安装任何应用程序，提供最快速、免费且易于使用的图片转文件功能，这项服务支持各种常见图片格式包括

阅读文章 >

我的第一个 NFT 「网站直达」 https://myfirstnft.info/

「我的第一个 NFT」是由 NFT 爱好者创建的一个公益性科普网页，里面有关于区块链、NFT、以太币、DYOR 等概念的详细解释，还有手把手教你创建一个自己的以太坊钱包及铸造一个自己的 NFT 头像的教程。除了以上的概念和教程，「我的第一个 NFT」还有关于 Web3 和 NFT 相关的安全规则的科普，如果你对 NFT 和 Web3 感兴趣想做进一步的了解，那么里面的内容一定不要错过。

天价头像是如何诞生的？写给设计师的 NFT 超全入门指南 注：本文仅仅为 NFT 科普，不建议设计师参与。

阅读文章 >

Color Space 「网站直达」 https://mycolor.space/?hex=%23845EC2&sub=1

Color Space 是一个非常灵活的彩色渐变生成器，功能包括：根据给定的颜色生成多种配色色板，提供颜色代码；生成二色及三色渐变，可更改渐变方向，并提供 CSS 代码。如果你对色彩搭配没有把握，可先在调色板中生成色板，然后选取其中 2-3 中颜色生成有颜色渐变。

1000种渐变模板！快收下这款免费网格渐变神器 MESH·Y 之前已经和大家分享过很多做渐变的网站，可以非常方便的提取好看的渐变配色。

阅读文章 >

Font Gauntlet 「网站直达」 https://www.fontgauntlet.com

可变字体已经成为字体设计的新趋势，Font Gauntlet 则是一款专业的可变字体预览工具，在其中可以预览可变字体字重、宽度、光学尺寸、倾斜度等的变化。我们还能在网页内添加多个标签页，对比不同设置下的字体样式。从本地上传的动态字体文件还可以通过其转换为单独的静态字体文件。

免费可商用！免费西文可变字体 LL Changer 打包下载 因为对可变字体很感兴趣，所以有了 LL Changer 这款衬线变非衬线字体的一个小实验。

阅读文章 >

Docmall 「网站直达」 https://docsmall.com/

Docmall 是一款国产的免费图片压缩神器，支持图片压缩、GIF 压缩、PDF 压缩、PDF 合并、PDF 压分割，免费使用。图片压缩后精度仍能保持在一个较好的水平，而大小却能压缩很多。相比一下国外的压缩工具，Docmall 的服务器位于国内，图片上传下载的速度和稳定性都非常好。

以上就是今天的推荐，希望对提升大家的 工作效率 有帮助。我是花生，下期见~

这 5 款工具，让设计师工作效率提升 200%！（四） 大家好我是花生~ 勤勤恳恳挖掘效率神器的我最近又发现了不少好用的小工具，今天就继续为大家推荐其中不能错过的 5 款，它们分别是： 一键查看！

阅读文章 >

大家好，我是和你聊设计的花生~

之前向大家介绍了 PCCS（日本色彩研究所配色体系），它是目前全世界最常用的色彩体系之一，能帮助我们了解色彩要如何使用才更方便，以及如何搭 配色 彩才更和谐更好看。之前的两篇文章向大家介绍了 PCCS 体系内的 24 个色相、17 个明度色阶、9 个纯度等级和 12 类色调。

PCCS 的前两期内容：

配色找不到感觉？这个PCCS色彩体系帮你从根本上解决！ 可能很多小伙伴都有这样的感觉：对色彩的各项概念已经非常了解，日常积累了很多优秀的色彩搭配素材及作品，也有进行临摹训练，但是自己在面对一个新设计命题时，却依旧无法准确选出最贴合主题的颜色，各种配色试来试去都不是自己想要的感觉。

阅读文章 >

配色找不到感觉？这个PCCS色彩体系帮你从根本上解决（二） 色彩明度与纯度的 4 种类型配色，你知道吗？

阅读文章 >

今天继续为大家讲解色彩性能方面的知识，主要包括色彩的前进行与后退性、色彩的收缩性和膨胀性、色彩的轻重和色彩的视觉认知 4 个方面：

色彩的前进性与后退性 放置在相同距离上的色彩，给人的空间远近感是不同的。看起来比实际距离更近的称为前进色，反之称为后退色。

一般认为暖色（红、黄、橙）为前进色，冷色（蓝、紫）为后退色。色彩的前进性与后退性被认为与色彩波长有关，感兴趣的小伙伴可以另做拓展了解。

除色相外，明度对视觉距离也有影响。明亮的颜色看起来比浓暗的颜色更近一些。

色彩的前进性与后退性在设计中的运用，最常见的就是促销类信息的标注。海拔或者 Banner 中打折促销的重点信息，都会用以黄、红色的强调呈现，给人一种视觉冲击感。

色彩的膨胀性与收缩性 在同等色彩色彩面积的条件下，看起来比实际面积更大的色彩被称为膨胀色，更小的为收缩色。如果说色彩的前进与后退是视觉进深的概念，那么色彩的膨胀与收缩则与视觉的感性面积有关。

色彩的膨胀性与收缩性有以下几个规律：

同样面积，暖色暖色比冷色看起来更大一些； 同样面积，明亮的颜色比暗灰的颜色面积显得更大一些； 与色彩相对明度有关，同一种颜色，其“背景色”明度越大，就会显得其颜色本身面积越小。

色彩的收缩性的膨胀性在现实生活中的应用也有非常广泛，最经典的就是穿黑色衣服比穿白色衣服更加显瘦。

色彩的轻重 影响色彩轻重感最主要的因素是色彩的明度。明度高的色彩让人感觉轻松愉悦，明度低的色彩让人感觉很沉重坚实。有实验究表明，同样体积的盒子，黑色看起来比白色要中 1.8 倍。相比来说，色相对色彩的轻重几乎没有影响；色彩饱和度略对色彩轻重的影响有限，远不及色彩的明度那样觉有具有决定性作用。

将色彩的轻重的概念延伸到海报设计中，能帮助我们更准确地表现出不同主题所需的不同调性。如下图，同样都是甜品类的海报，整体色调的不同让甜品展现出完全不同的特性。

色彩的视觉认知性 色彩的视觉认知性的优良直接决定一副作品是否清晰可辨。背景为黑色时，明度最亮的白色视觉认知性做最好；背景为白色时，明度最暗的黑色视觉认知性最高。

彩色也是同理。黄色的色相明度最高，其次是两侧的黄绿色与橙色，依次顺沿，离黄色越远明度越低，直到紫蓝色时明度最暗。视觉主体与背景的明度差决定视觉认知性的高低，我们需要注意色彩本身带有的明度与背景的明度差是否足够大。

以上就是 PCCS 理论第三期的内容，希望对大家的设计有帮助。之后我会继续为大家带来「色彩对比」与「色彩同化」的相关知识，喜欢的小伙伴记得点赞收藏哦~

如果你有关于文章内容或者设计方面的疑问，欢迎在评论区提出。也欢迎大家加入优设官方的设计交流群，与优设主编、设计总监及其他热爱设计的小伙伴一起交流~（入群二维码见下方 Banner）

前两年小米 200 万的天价 LOGO 引发热议，大多数人惊讶的同时也在质疑，为什么这个 LOGO 值这么多钱，而我接 LOGO 设计私单的价格最高也才 500 元呢？

这就不得不纠正一个观念，小米的 LOGO 不止一个图形那么简单，200 万的背后，既有原研哉老师的光环背书，更重要的是，这是一份完整的品牌全案。

什么是品牌全案？ 与大多数报价不过万的 LOGO 设计相比，品牌全案报价动辄几十万甚至上百万，但与此同时，品牌全案的服务范围也更广。

举个例子，李宜轩作为 Behance 斩获 29 枚 GR 标签，拿过多个国际大奖的顶级 设计师 ，前段时间她创立的设计工作室 StudioPros 就做过一次完整的品牌全案。

在这份品牌全案中，设计师需要先通过专业的需求沟通方法，了解客户真正的需求，之后收敛视觉需求，再用逻辑构建设计方向：

在这个基础上，设计师才会开始发散创意、绘制 LOGO，建构辅助图形。

再之后的品牌色彩选择和识别手册的交付，更能体现一个专业设计师的价值。

如果你也想让 LOGO 私单的报酬更进一步，提前掌握品牌全案的设计方法，成为一个高附加值的设计师，这期全新的 「22 天学会打造专业的品牌全案」 课程就别错过了！

为什么这门品牌全案课是独一无二的？ 提到设计领域最知名的网站，Behance 当属第一。在那里有全世界拥有着最多的设计师和最激烈的作品竞争，所以想在 Behance 拿到官方认证的标签和首页推荐，难度极高。

但对李宜轩而言，这一切似是顺手拈来的事，打开她的个人主页，你会发现右上角整齐排列着一行标签：

2 个首页推荐+33 个 GR（平面设计）标签+3 个动效标签

Behance 搜「Yi-Hsuan Li」即可

相信大部分设计师都知道这 38 个标签意味着多高的含金量，但这仅仅是她的一小部分成就，她拿下的设计大奖与合作过的客户，才是让这门课程独一无二的关键：

在她创立的工作室主页，你可以看到更多的合作客户：

这也是这门课程最大的底气，无论是需求沟通方法还是视觉方向的建构，都来自于一个扎扎实实的，有极为丰富的品牌全案设计经验的设计师。

所以你在这门课学到的任何沟通技巧，需求收敛方法、绘制技法，甚至是品牌交付手册等，都是能用得上的， 无论你将来面临多大的客户，接到多贵的私单，学完这门课都能让你游刃有余 。

这门课有多超值？ 499 元 =

一位顶尖设计师 4 年的专业科班设计教育+ 9 年的实战项目经验+ 一整套 完整系统的品牌设计方法论+ 6 节 干货超多的直播课+ 22 天 在线答疑。

课程原价 499 元，限时特惠价399元，6月3号截止。

移动端扫码即可报名，网页端报名戳 ? https://wei.xet.tech/s/guLR7

我们如何帮你从零开始掌握品牌全案设计？ 1. 价值过万的独家设计方法！

从第一节课开始，你就能掌握「StudioPros」的设计方法，引导大家看懂品牌设计的操作，这也是帮你面对客户时，能提高私单价格的重要部分。

客户不懂设计、资料确实怎么办？ 客户人数众多，想法不一样如何应对？ 不断改稿，也不知道客户需要什么无法结案？ 这类常见的品牌沟通问题，课程会通过「竞品分析表」、「需求问卷」等工作室独有的设计方法，帮大家了解客户真正的需求，找到设计方向。

除此以外，老师还会给到一份「品牌识别交付手册」清单，帮你杜绝致命错误。

诸如此类需要多年实战才能掌握的方法，在这门课上，你可以一次性全部学到！

2. 系统全面、深入浅出、层层递进的课程

在这门课程里，老师结合自己 4 年的科班+9 年的实战经验，精心打造了这一套完整系统、能有效落地的课程大纲。

你可以收获到的不止是可以实时问答的直播教学，一对一的作业点评修改，更有超多的品牌干货，包括不限于：

专业的品牌全案设计流程 收敛视觉需求的提案秘诀 致胜的 Logo 提案心法 辅助图形的制作三要点 品牌全案的接单技巧 六大实战项目练习，产出能落地的品牌识别手册！ …… 这些快速提高品牌全案设计功底的核心方法，这门课都会给到完整教学。详细看课程大纲：

课程原价 499 元，限时特惠价399元，6月3号截止。

本次课程招生人数有限，想学的抓紧哦。

移动端扫码即可报名，网页端报名戳 ? https://wei.xet.tech/s/guLR7

更多李宜轩老师的作品：

更多老师作品可以前往课程详情页查看

想跟着李宜轩老师在 22 天内快速提高品牌全案设计水平，现在就抓紧啦！

课程原价 499 元，限时特惠价399元，6月3号截止。

移动端扫码即可报名，网页端报名戳 ? https://wei.xet.tech/s/guLR7

大家好，我是和你们一起聊设计花生~ 又到了为大家推荐 设计师 效率工具 的时候啦，今天的 5 款神器分别是：

简单好用！免费的 Webp 图片格式转换器「Anyweb」 超专业！Web3 及 NFT 知识公益科普网页「我的第一个 NFT」 自动配色！免费 CSS 彩色渐变生成器「Color Space」 效果丝滑！可变字体在线预览神器「Font Gauntlet」 极致压缩！国产免费在线压缩神器「Docmall」 错过上期的小伙伴看这里↓

这 5 款工具，让设计师工作效率提升 200%！（五） 大家好，我是努力为设计师寻找效率工具的花生~ 今天继续为大家推荐的 5 款能有效提升工作效率的神器，它们分别是： 无损压缩！

阅读文章 >

Anyweb 「网站直达」 https://anywebp.com/

Webp 格式的图片无法直接导入 Ps 或者 Ai 中，非常不方便，这时候就可以用 Anyweb 将图片格式转换。Anyweb 可以将 Webp 转换为 JPG/PNG/IOC，并支持一键批量转换。功能免费，而且是在线网站，打开即用，非常方便。

使用方法：点击花朵图标上传图片，并在「输出」处设置需要的格式，图片上传成功后点击右侧的开始，转换成功后会自动弹出下载窗口。

免费！支持超过 100 种格式的图片格式转换神器「Pixelied」 Pixelied 是一家提供相片编辑器的服务商，旗下有个「Free Image Converter」的图片格式转换工具，让使用者通过浏览器进行在线批次编辑，而且不用担心降低照片画质，也无需下载或安装任何应用程序，提供最快速、免费且易于使用的图片转文件功能，这项服务支持各种常见图片格式包括

阅读文章 >

我的第一个 NFT 「网站直达」 https://myfirstnft.info/

「我的第一个 NFT」是由 NFT 爱好者创建的一个公益性科普网页，里面有关于区块链、NFT、以太币、DYOR 等概念的详细解释，还有手把手教你创建一个自己的以太坊钱包及铸造一个自己的 NFT 头像的教程。除了以上的概念和教程，「我的第一个 NFT」还有关于 Web3 和 NFT 相关的安全规则的科普，如果你对 NFT 和 Web3 感兴趣想做进一步的了解，那么里面的内容一定不要错过。

天价头像是如何诞生的？写给设计师的 NFT 超全入门指南 注：本文仅仅为 NFT 科普，不建议设计师参与。

阅读文章 >

Color Space 「网站直达」 https://mycolor.space/?hex=%23845EC2&sub=1

Color Space 是一个非常灵活的彩色渐变生成器，功能包括：根据给定的颜色生成多种配色色板，提供颜色代码；生成二色及三色渐变，可更改渐变方向，并提供 CSS 代码。如果你对色彩搭配没有把握，可先在调色板中生成色板，然后选取其中 2-3 中颜色生成有颜色渐变。

1000种渐变模板！快收下这款免费网格渐变神器 MESH·Y 之前已经和大家分享过很多做渐变的网站，可以非常方便的提取好看的渐变配色。

阅读文章 >

Font Gauntlet 「网站直达」 https://www.fontgauntlet.com

可变字体已经成为字体设计的新趋势，Font Gauntlet 则是一款专业的可变字体预览工具，在其中可以预览可变字体字重、宽度、光学尺寸、倾斜度等的变化。我们还能在网页内添加多个标签页，对比不同设置下的字体样式。从本地上传的动态字体文件还可以通过其转换为单独的静态字体文件。

免费可商用！免费西文可变字体 LL Changer 打包下载 因为对可变字体很感兴趣，所以有了 LL Changer 这款衬线变非衬线字体的一个小实验。

阅读文章 >

Docmall 「网站直达」 https://docsmall.com/

Docmall 是一款国产的免费图片压缩神器，支持图片压缩、GIF 压缩、PDF 压缩、PDF 合并、PDF 压分割，免费使用。图片压缩后精度仍能保持在一个较好的水平，而大小却能压缩很多。相比一下国外的压缩工具，Docmall 的服务器位于国内，图片上传下载的速度和稳定性都非常好。

以上就是今天的推荐，希望对提升大家的 工作效率 有帮助。我是花生，下期见~

这 5 款工具，让设计师工作效率提升 200%！（四） 大家好我是花生~ 勤勤恳恳挖掘效率神器的我最近又发现了不少好用的小工具，今天就继续为大家推荐其中不能错过的 5 款，它们分别是： 一键查看！

阅读文章 >

如果你也关注影视，最近真的太容易被《 爱死机 》第三季给刷屏了。光怪陆离的想象在9部截然不同的动画短片中完整地泼洒开来，死亡与情感，生命和技术，现在和未来，每一部作品都足以给你一些奇思或是启迪。

在第三季的9部作品中，讨论度最高的作品应该是最后一部作品《Jibaro》，这个灵感源自于海妖塞壬，但是又糅合了各种不同文化下的民间传说的故事，借由 Mielgo 标志性的视觉风格呈现了出来。

同类文章推荐：

《蝙蝠侠》电影设计美学的源头，竟然都始于蝙蝠战车！ ​你也许看过很多蝙蝠侠的故事，漫画，剧集，电影，在所有的故事当中，蝙蝠侠这个角色的出现，都会从那个小巷开始：一次莽撞的抢劫，手枪枪响，珍珠项链散落满地，死亡，尖叫，惊恐，失神，然后一个名为蝙蝠侠的角色由此诞生。

阅读文章 >

超人气的蝙蝠战车是如何创造出来的？揭秘背后设计稿！ 相比于诺兰前传三部曲的「写实感」，扎克·施耐德的这3部 DC 电影似乎排名并没有那么靠前，甚至口碑也没有那么的神，但是在美术风格、视觉设计上，口碑是无可撼动的。

阅读文章 >

电影设计美学！封神的诺兰版《蝙蝠侠》里，导演亲手捏出了蝙蝠车 诺兰的蝙蝠侠三部曲中的蝙蝠车 Tumbler 可能是蝙蝠车历史上最没蝙蝠特征的蝙蝠车。

阅读文章 >

1、《爱死机》第三季压轴之作 你会注意到，多数人在谈及《爱死机》第三季的时候，多数时候都会配上《Jibaro》中，湖中妖女从水面探出半张脸的经典场景。

太惊艳了。

你会在公众号和各种视频解说中看到形形色色的解说，截至目前，我认为在故事背景上挖掘足够深也足够好的，是 up主「大聪看电影」的这个视频，他在挖掘「Jibaro」这一词背后文化演变过程后的解读非常深入，如果你对于影片中的元素、隐喻和意义感兴趣，不妨看看这个视频：

当视频无法加载时请刷新页面， 或前往PC获得最佳体验。

对于这部融合了不同地域、不同文化民间传说的动画短片，全程没有一句对白，在表达上充满了模糊行，着赋予了影片极大的解读空间。导演和艺术指导 Alberto Mielgo 非常巧妙地将地域文化背后的叙事和人际关系中的隐喻结合到了一起，在接受访谈的时候，他非常坦诚地表达了他对于这种叙事的想法：

「我喜欢那种不知道谁是好人谁是坏人的感觉……我更多想要表达的，不是所有的事情都必须关于拯救世界，或者讲述一位英雄的心路历程。」

在接受 Screen Rant 访谈的时候，Mielgo 揭秘了这部影片背后的制作细节：

影片中经验的湖妖舞蹈并非动作捕捉，而是借助多机位摄影拍摄编舞 Sara Silkins 的舞蹈动作，然后在 3D 建模角色和手工绘制细节的基础上，使用关键帧动画制作而成！ 女妖身上的珠宝配饰，在舞蹈动作下的飞舞效果结合湖中环境的流体变化，为3D渲染提出了极高的要求，这使得团队的技术人员痛苦不已，但是效果也相当惊艳。

Mielgo 希望观影者对于这部作品有自己的结论，因为他不打算提供解释，这样每个观影者都会有自己的解读，并且随着观影次数的增加，理解方式会有所变化。 因为《Jibaro》， Mielgo 的名字出圈了。但实际上，此前他的视觉风格所主导的影视作品，已经在中文互联网上引起了起码3次大范围的讨论了。

2、其实这个艺术家已经出圈好几次了 我们当中的多数人，第一次注意到他的存在，是《爱死机》第一季中的《The Witness》：

第二次则是《蜘蛛侠：平行宇宙》，即使索尼并没有过多针对 Alberto Mielgo 进行宣传。

当他借助动画短片《皆为爱》斩获得2022年最佳动画短片大奖的时候，Alberto Mielgo，大家终于对于这个男人的名字，有了相对深刻的印象。

这一次的《Jibaro》，则以压轴作品的身份，成为《爱死机》第三季在大众口碑上的压仓石。

3、值得关注的宝藏艺术家和插画师 Mielgo 正正经经是一位宝藏艺术家、动画师和导演，但是如果你仔细审视他的成长和职业经历，你会发现他的角色身份是如此的多元而丰富——他对于叙事、文本、音乐编曲、影视制作都有着非常扎实的经验。

1979年 Mielgo 出生于西班牙并且在这里长大，和很多热爱艺术充满想象力的年轻人一样，他选择了离开故土，在亚洲和欧洲不同的国家工作和学习，去过伦敦、巴黎、柏林、东京，并且最终选择在洛杉矶这个以好莱坞而闻名世界的城市深耕自己的事业。

2005之前，他就以艺术家的身份参与到蒂姆波顿的定格动画《僵尸新娘》当中，在这部电影当中，他仅仅只是负责绘制故事板的插画师：

看到这里，你大概还觉得这些事情，很多艺术家……或者说插画师都能做到，往下看，你会知道什么叫强无敌。

在 2009 年发布的节奏音乐游戏《披头士：摇滚乐队》当中，Mielgo 则和动画师 Robert Valley 共同完成开场和结尾部分的过长动画，与此同时，他将自己独特的视觉风格融入到其中：

2010 年，Mielgo 以概念 设计师 的身份参与到《哈利·波特与死亡圣器》（上+下）系列当中，按照 Mielgo 的说法，他在剧本尚未完成的时候，根据小说中几页内容「快速勾勒出一些场景的概念插画，缩略图和想法」，这些拥有强烈色彩对比的概念场景，让哈利波特的艺术团队兴奋无比，并且其中很多设计最后都落地到电影了当中：

到了 2012 年至 2013 年期间，Mielgo 以制片和艺术指导的身份主导了迪士尼旗下知名 IP 《创战记：起义》，而正是这部作品，为 Mielgo 一口气连续斩获了艾美奖和安妮奖。80年代的《创战记》本身就有着超越时代的独特视觉特色，而 Mielgo 为 《创战记：起义》则将这种从未出现于动画中的强烈视觉肌理，引入到动画领域当中，赋予《创》系列以新生：

而 Mielgo 受聘于索尼参与动画《蜘蛛侠多元宇宙》这一动画的幕后，则和很多人想象的不一样。

Mielgo 被索尼招募来作为「视觉顾问」的时候，这部动画长片还没有影子，他需要带领团队完成一个蜘蛛侠主题的小短片，这个短片被成为「测试动画」，没有更具体的名称。

最初的时候，他一个人坐拥2楼整层办公楼的办公室，独自探索世界观、视觉风格、角色呈现、摄影角度等各种可能性。

当上面的第一张图出来的时候，索尼这边有权限看到的人都震惊不已。然后索尼非常开明地让 Mielgo 招募他喜欢的艺术家和过去的合作伙伴，进入这个 2 楼的办公室，一同继续完善这个小短片。

在制作过程中，索尼不仅给了 Mielgo 一套蜘蛛侠服装，而且他和团队成员会前去纽约的大街小巷，在不同的高楼上用不同的角度取景，并且在此基础上，绘制插画，最终完成了三到四个小场景下的动画短片。

但是最终由于技术和风格上的差异，索尼和 Mielgo 在电影开始制作之前分道扬镳。但是最后在动画电影制作的过程中，Mielgo 所定义的视觉风格在很大程度上，赋予了这部电影以独特的气质，成为了这部作品最终成功的重要基石。

即使索尼在各个场合都鲜有提及 Alberto Mielgo 为这部动画电影所做出的贡献。

此后，Mielgo 为 Netflix 的动画影集《爱死机》第一季所制作的短片《The Witness》，为他一口气夺得了 3 个艾美奖和 1 个安妮奖。对于这部作品，Mielgo 称之为「迄今为止最私人的一部影片」。

而帮助 Mielgo 一口气拿到奥斯卡的《皆为爱》的英文原名《The Windshield Wiper》直译应为「雨刷器」，则是他「关于爱情和人际关系的一个非常个人的特殊愿景」，他将自己不同阶段所遭遇的「插曲」整合到一起，围绕着「爱」这个主题，将关系中不同状态的瞬间抓住，呈现在我们的眼前。在这部动画短片中，Mielgo 一如既往地使用了关键帧动画来呈现，在技术上则多借助了粉彩来强化瞬间光影的肌理：

当我在 Alberto Mielgo 的个人网站   上浏览的过程中，已经不知道多少次被他的作品冲击到。上面的截图只是他作品中很少的一部分，他为《看门狗》制作的短片同样精彩：

他制作的短片 GENTRIFICATION 、 Reel 、 Philips   每一个都值得你反反复复地欣赏。

你真的很容易在 Mielgo 身上找到很多足够个人，又特别值得咂摸的想法和特质。

4、关于 Alberto Mielgo ，一点个人想法 Mielgo 曾经多次在访谈中提到，他是「一个自学成才的艺术家」并且在摸索中「找到一种适合自己的风格」。如果你是插画师，你大抵也能在 Mielgo 的个人网站 和作品集当中，看到他的成长历程，作品风格和表达方式随着时间推移的演变，这比起单独凝视某一作品来得更有趣，也更有价值。

与此同时，他也多次强调过他偏爱「非语言化的电影呈现方式」，倾向于在影片中让叙述者自然地呈现故事，将想象和解读的空间留给观影者，这种强调「叙事」而非「结果」的视听语言是高级而聪明的做法。这种方式和这个急于求成而武断的时代背道而驰。

我们对于「艺术源自生活」的说法非常熟悉，但是真有多少人会深入地去如此地执行呢？在创作《皆为爱》的时候，其中几乎所有的场景都来自于 Mielgo 过去十几年在世界各地工作生活的真实场景、所见所闻，这种长时间的记录、琢磨、反刍是塑造一部伟大作品的基础，这是实打实的「来自生活的艺术」。

Mielgo 对于技术的态度也非常有趣。当大家都集中与流体渲染的惊艳、角色舞蹈动作的灵活呈现方式的时候，他却一再强调技术是服务于叙事的，当表达需要更强技术之时，痛苦的攻坚是必要的组成部分。

所以，作为一个 个性强烈的个人艺术家，他和索尼的冲突让他「出圈出名」的时机延后了，但是最终，依然能够倚靠优秀的作品，一次又一次用奇观冲破日常，用无言的叙事制造想象的宏大空间。

「我喜欢动画胜过任何艺术，因为它包含所有艺术。」

最后的最后 这份豆瓣网友「库华图 」所翻译的访谈非常值得学习插画的同学们来学习一下：

https://movie.douban.com/review/14417654/

其他参考来源：

http://www.albertomielgo.com/

https://movie.douban.com/celebrity/1412970/

https://www.imdb.com/name/nm2856960/

https://en.wikipedia.org/wiki/Alberto_Mielgo

https://screenrant.com/love-death-robots-vol-3-alberto-mielgo/

https://www.youtube.com/watch?v=iDl2GFVSTPk

https://www.youtube.com/watch?v=tEVA-t2GMfU

https://www.youtube.com/watch?v=o0H_HnAAfDo

前两年小米 200 万的天价 LOGO 引发热议，大多数人惊讶的同时也在质疑，为什么这个 LOGO 值这么多钱，而我接 LOGO 设计私单的价格最高也才 500 元呢？

这就不得不纠正一个观念，小米的 LOGO 不止一个图形那么简单，200 万的背后，既有原研哉老师的光环背书，更重要的是，这是一份完整的品牌全案。

什么是品牌全案？ 与大多数报价不过万的 LOGO 设计相比，品牌全案报价动辄几十万甚至上百万，但与此同时，品牌全案的服务范围也更广。

举个例子，李宜轩作为 Behance 斩获 29 枚 GR 标签，拿过多个国际大奖的顶级 设计师 ，前段时间她创立的设计工作室 StudioPros 就做过一次完整的品牌全案。

在这份品牌全案中，设计师需要先通过专业的需求沟通方法，了解客户真正的需求，之后收敛视觉需求，再用逻辑构建设计方向：

在这个基础上，设计师才会开始发散创意、绘制 LOGO，建构辅助图形。

再之后的品牌色彩选择和识别手册的交付，更能体现一个专业设计师的价值。

如果你也想让 LOGO 私单的报酬更进一步，提前掌握品牌全案的设计方法，成为一个高附加值的设计师，这期全新的 「22 天学会打造专业的品牌全案」 课程就别错过了！

为什么这门品牌全案课是独一无二的？ 提到设计领域最知名的网站，Behance 当属第一。在那里有全世界拥有着最多的设计师和最激烈的作品竞争，所以想在 Behance 拿到官方认证的标签和首页推荐，难度极高。

但对李宜轩而言，这一切似是顺手拈来的事，打开她的个人主页，你会发现右上角整齐排列着一行标签：

2 个首页推荐+33 个 GR（平面设计）标签+3 个动效标签

Behance 搜「Yi-Hsuan Li」即可

相信大部分设计师都知道这 38 个标签意味着多高的含金量，但这仅仅是她的一小部分成就，她拿下的设计大奖与合作过的客户，才是让这门课程独一无二的关键：

在她创立的工作室主页，你可以看到更多的合作客户：

这也是这门课程最大的底气，无论是需求沟通方法还是视觉方向的建构，都来自于一个扎扎实实的，有极为丰富的品牌全案设计经验的设计师。

所以你在这门课学到的任何沟通技巧，需求收敛方法、绘制技法，甚至是品牌交付手册等，都是能用得上的， 无论你将来面临多大的客户，接到多贵的私单，学完这门课都能让你游刃有余 。

这门课有多超值？ 499 元 =

一位顶尖设计师 4 年的专业科班设计教育+ 9 年的实战项目经验+ 一整套 完整系统的品牌设计方法论+ 6 节 干货超多的直播课+ 22 天 在线答疑。

课程原价 499 元，限时特惠价399元，6月3号截止。

移动端扫码即可报名，网页端报名戳 ? https://wei.xet.tech/s/guLR7

我们如何帮你从零开始掌握品牌全案设计？ 1. 价值过万的独家设计方法！

从第一节课开始，你就能掌握「StudioPros」的设计方法，引导大家看懂品牌设计的操作，这也是帮你面对客户时，能提高私单价格的重要部分。

客户不懂设计、资料确实怎么办？ 客户人数众多，想法不一样如何应对？ 不断改稿，也不知道客户需要什么无法结案？ 这类常见的品牌沟通问题，课程会通过「竞品分析表」、「需求问卷」等工作室独有的设计方法，帮大家了解客户真正的需求，找到设计方向。

除此以外，老师还会给到一份「品牌识别交付手册」清单，帮你杜绝致命错误。

诸如此类需要多年实战才能掌握的方法，在这门课上，你可以一次性全部学到！

2. 系统全面、深入浅出、层层递进的课程

在这门课程里，老师结合自己 4 年的科班+9 年的实战经验，精心打造了这一套完整系统、能有效落地的课程大纲。

你可以收获到的不止是可以实时问答的直播教学，一对一的作业点评修改，更有超多的品牌干货，包括不限于：

专业的品牌全案设计流程 收敛视觉需求的提案秘诀 致胜的 Logo 提案心法 辅助图形的制作三要点 品牌全案的接单技巧 六大实战项目练习，产出能落地的品牌识别手册！ …… 这些快速提高品牌全案设计功底的核心方法，这门课都会给到完整教学。详细看课程大纲：

课程原价 499 元，限时特惠价399元，6月3号截止。

本次课程招生人数有限，想学的抓紧哦。

移动端扫码即可报名，网页端报名戳 ? https://wei.xet.tech/s/guLR7

更多李宜轩老师的作品：

更多老师作品可以前往课程详情页查看

想跟着李宜轩老师在 22 天内快速提高品牌全案设计水平，现在就抓紧啦！

课程原价 499 元，限时特惠价399元，6月3号截止。

移动端扫码即可报名，网页端报名戳 ? https://wei.xet.tech/s/guLR7

大家好，我是和你聊设计的花生~

之前向大家介绍了 PCCS（日本色彩研究所配色体系），它是目前全世界最常用的色彩体系之一，能帮助我们了解色彩要如何使用才更方便，以及如何搭 配色 彩才更和谐更好看。之前的两篇文章向大家介绍了 PCCS 体系内的 24 个色相、17 个明度色阶、9 个纯度等级和 12 类色调。

PCCS 的前两期内容：

配色找不到感觉？这个PCCS色彩体系帮你从根本上解决！ 可能很多小伙伴都有这样的感觉：对色彩的各项概念已经非常了解，日常积累了很多优秀的色彩搭配素材及作品，也有进行临摹训练，但是自己在面对一个新设计命题时，却依旧无法准确选出最贴合主题的颜色，各种配色试来试去都不是自己想要的感觉。

阅读文章 >

配色找不到感觉？这个PCCS色彩体系帮你从根本上解决（二） 色彩明度与纯度的 4 种类型配色，你知道吗？

阅读文章 >

今天继续为大家讲解色彩性能方面的知识，主要包括色彩的前进行与后退性、色彩的收缩性和膨胀性、色彩的轻重和色彩的视觉认知 4 个方面：

色彩的前进性与后退性 放置在相同距离上的色彩，给人的空间远近感是不同的。看起来比实际距离更近的称为前进色，反之称为后退色。

一般认为暖色（红、黄、橙）为前进色，冷色（蓝、紫）为后退色。色彩的前进性与后退性被认为与色彩波长有关，感兴趣的小伙伴可以另做拓展了解。

除色相外，明度对视觉距离也有影响。明亮的颜色看起来比浓暗的颜色更近一些。

色彩的前进性与后退性在设计中的运用，最常见的就是促销类信息的标注。海拔或者 Banner 中打折促销的重点信息，都会用以黄、红色的强调呈现，给人一种视觉冲击感。

色彩的膨胀性与收缩性 在同等色彩色彩面积的条件下，看起来比实际面积更大的色彩被称为膨胀色，更小的为收缩色。如果说色彩的前进与后退是视觉进深的概念，那么色彩的膨胀与收缩则与视觉的感性面积有关。

色彩的膨胀性与收缩性有以下几个规律：

同样面积，暖色暖色比冷色看起来更大一些； 同样面积，明亮的颜色比暗灰的颜色面积显得更大一些； 与色彩相对明度有关，同一种颜色，其“背景色”明度越大，就会显得其颜色本身面积越小。

色彩的收缩性的膨胀性在现实生活中的应用也有非常广泛，最经典的就是穿黑色衣服比穿白色衣服更加显瘦。

色彩的轻重 影响色彩轻重感最主要的因素是色彩的明度。明度高的色彩让人感觉轻松愉悦，明度低的色彩让人感觉很沉重坚实。有实验究表明，同样体积的盒子，黑色看起来比白色要中 1.8 倍。相比来说，色相对色彩的轻重几乎没有影响；色彩饱和度略对色彩轻重的影响有限，远不及色彩的明度那样觉有具有决定性作用。

将色彩的轻重的概念延伸到海报设计中，能帮助我们更准确地表现出不同主题所需的不同调性。如下图，同样都是甜品类的海报，整体色调的不同让甜品展现出完全不同的特性。

色彩的视觉认知性 色彩的视觉认知性的优良直接决定一副作品是否清晰可辨。背景为黑色时，明度最亮的白色视觉认知性做最好；背景为白色时，明度最暗的黑色视觉认知性最高。

彩色也是同理。黄色的色相明度最高，其次是两侧的黄绿色与橙色，依次顺沿，离黄色越远明度越低，直到紫蓝色时明度最暗。视觉主体与背景的明度差决定视觉认知性的高低，我们需要注意色彩本身带有的明度与背景的明度差是否足够大。

以上就是 PCCS 理论第三期的内容，希望对大家的设计有帮助。之后我会继续为大家带来「色彩对比」与「色彩同化」的相关知识，喜欢的小伙伴记得点赞收藏哦~

如果你有关于文章内容或者设计方面的疑问，欢迎在评论区提出。也欢迎大家加入优设官方的设计交流群，与优设主编、设计总监及其他热爱设计的小伙伴一起交流~（入群二维码见下方 Banner）

通过图片 压缩工具 可以大幅缩小图片文件的容量大小，使用的技术不外乎是降低画质，做到使用者肉眼几乎看不出差异的「无损压缩」，如果想要让图片变得更小一些，也能把质量降低或是调整图片尺寸，在网页使用的图片经过压缩后，用户开启更快更有效率，也有助于节省容量和传输流量。之前介绍过的免费 图片压缩 服务 Squoosh 来自 Google 实验室，只要打开网页、将图片拖曳进去就能自动处理；还有我很喜欢的 TinyPNG、TinyJPG 也都非常好用。

这款桌面版图片压缩工具 Squoosh，没网也能免费用！ 我以前经常使用 TinyJPG 压缩图片，可以有效减少文件大小，还能维持图片画质，后来在网站开启 Jetpack CDN 直接替换图片网址就有整合加速、分流和压缩图片效果。

阅读文章 >

经典图片压缩神器 TinyPNG 出中文版了！单次免费处理 20 张！ 曾经有一段时期我很喜欢 TinyPNG 在线图片压缩工具，只要将 PNG 图片拖曳到网站，它会自动远程对图片压缩、优化，将图片档案大幅缩小，但又不会影响画质（也就是无损压缩），后来也推出 TinyJPG 支持 JPG 格式，还有 WordPress 适用的外挂功能「Compress JP

阅读文章 >

本文要介绍「Shrink.media」是一个全新的免费图片压缩服务，只要打开网页、拖曳图片或把图片网址贴上就能处理。

Shrink.media 提供的压缩技术主要是降低图片质量、调整尺寸大小，预设会降低 50% 画质、缩小 75% 图片尺寸，使用者可拖曳进行调整，比较压缩后的图片与原图差异，这项服务的优点是加速网页加载速度、减少带宽使用率，也能改善使用者的使用体验，网站管理者可善加利用。

Shrink.media 网站链接： https://www.shrink.media/

使用教学

开启 Shrink.media 网站后点选「Upload Image」选择要压缩处理的图片，或是以快捷键贴上图片网址，支持 PNG、JPEG、JPG、WEBP 格式，分辨率最大 5000 x 5000 像素，容量不超过 25 MB。

如果想测试一下 Shrink.media 功能，网站也有提供四张示例图片，点选后就能进行测试。

默认情况下图片质量会降低 50%，图片尺寸会缩小 75%，可以看出压缩前后的图片差异，包括预览、前后容量比较、节省容量和压缩前后的图片分辨率变化。

我建议画质不用降低太多（大约 80% 左右），虽然图片可能不会因此减肥很多，但可保留质量，也看不出差异变化，至于图片分辨率可依照用户的需求进行调整，如果坚持不要调整图片大小，就把下面的选项调整为 100% 就能维持原始尺寸。

完成后点选「Download」下载、保存图片。

值得一试的三个理由：

Shrink.media 图片压缩工具，提供个人用户免费使用 支持 PNG、JPEG、JPG、WEBP 格式，最大不超过 5000 x 5000 像素 可调整图片质量和分辨率大小，藉此设定不同的压缩率

完全免费！可批量压缩图片的在线神器「Compress JPEG」 我很习惯在写文章插入图片前先对屏幕截图进行压缩，让图片容量更小、开启速度更快，更重要的是几乎不会影响画质，以前我都使用 TinyPNG 这个相片压缩工具，只要将图片拖曳到网站就能快速处理，后来就选择以 Imagify 自动从 WordPress 媒体库对图片压缩和优化（免费版每月只能处理

阅读文章 >