百科生活 投稿
关于【动画图片格式】:动画图片格式（动态图片除了gif还有什么格式），今天小编给您分享一下，如果对您有所帮助别忘了关注本站哦。
- 内容导航：
- 1、动画图片格式（动态图片除了gif还有什么格式）
- 2、前端基础系列之bmp、jpg、png、gif、svg常用图片格式浅谈（二）
1、动画图片格式（动态图片除了gif还有什么格式）
动画格式(动态图片除了gif还有什么格式)
丰彩来自奥菲寺量子位报道|微信官方账号QbitAI
当你看到自己喜欢的动画作品，想把线稿放出来重新上色，你会怎么做？
你用PS吗？
是不是有点麻烦？结果还是很糊？
在GitHub上，一位年轻女士做了一个动画线稿提取器，只用一行代码就可以完成！
效果如下:
还有这个:
非常干净清晰！
如何一步得到动画线条画
这种“又快又好”的线条画提取器叫做Anime2Sketch，可用于插画、动画艺术和漫画。
使用Python语言开发，使用前确保满足以下条件:
Python 3(建议使用Anaconda)
CPU或NVIDIA GPU + CUDA CuDNN
枕头，PyTorch
首先，执行以下两个步骤:
安装所需的包:pipinstall-r requirements.txt。
从GoogleDrive下载训练前的体重文件，放在体重/文件夹中。
那我们可以测试一下！使用下面一行代码:
Python3 test.py - dataroot您的输入目录-load _ size512-output _ dir您的输出目录
参数load_size:由于内存限制，程序需要在处理前调整输入图像的大小。默认情况下，它的大小调整为512x512。
这么方便，怎么实现呢？
(可惜目前只能在Linux或macOS上运行。)
基于论文的实现
作者认为，该线条画提取程序是基于论文《草图到照片合成的对抗性开放域自适应算法》开发的。
这也是她在字节跳动公司实习时写的一篇论文。
文中提到，为了从照片中合成缺失的手绘草图，他们提出了从草图到照片再到照片的方法。
从电影到素描的联合学习框架。
此外，还提出了一种简单有效的开放域采样和优化策略。
他们的方法利用了从草图到照片以及从照片到域内数据草图的映射，并且可以
迁移到开放域类。
最后，他们将本文的研究成果应用于动画线稿的提取，并制作了这样一个程序。
有网友看到后非常激动:可以用来给自己的宝宝做“神奇宝贝”和“爆炸陀螺”的上色页了！
有人好奇，这和Photoshop技术有什么区别？还有网友解释说，因为Photoshop只检测边缘，所以会有“伪像”，这一个明显更干净！
不过也有网友指出，最终的图像输出质量还可以进一步提高，比如使用PNG格式。(原JPEG)
还有人聊到题外话，为样图中的卡通海盗大战(Vinland Saga)疯狂安利！
作者简介
向晓雨(右图)，@Mukosame。普渡大学，博士，电气与计算机工程专业，清华毕业。博士研究的重点是图像和视频增强、面部对齐和识别的深度学习。
今年，我将加入脸书现实实验室实验室的设备上人工智能团队，成为一名研究科学家。
感兴趣的学生试图找出其中的联系:https://github.com/Mukosame/Anime2Sketch.
参考链接:
[1]https://www . arxiv-vanity . com/papers/2104.05703/[2]https://news . ycombinator . com/item？id = 27070838[3]https://engineering . purdue . edu/people/Xiaoyu . Xiang . 1/files/Xiaoyu Xiang _ cv . PD
2、前端基础系列之bmp、jpg、png、gif、svg常用图片格式浅谈（二）
IT客栈 作者：大腰子
bmp、jpg、png、gif、svg常用图片格式
之前为大家介绍了几种WEB前端常用的图片格式，对比了它们的特点，参见《前端基础系列之bmp、jpg、png、gif、svg常用图片格式浅谈（一）》。今天再来聊一聊背景透明图片、gif动态图，以及如何在PhotoShop中进行常用操作。
不支持背景透明的情况。bmp、jpg格式不支持背景透明，图片的背景必须为一种或多种颜色，比如纯白色背景。
支持简单的背景透明的情况。gif和png（8bit）两种图片格式，支持简单的背景透明，也就是只支持透明与否，而不支持半透明等中间状态。
支持复杂透明度的情况。png(24bit)支持复杂的透明度，比如50%透明。
常用图片格式透明背景支持情况对比
gif动态图的制作
前文已经介绍了gif图片格式支持动态图效果，可以制作简单动画。在WEB前端的展示过程中，可以使用gif动态图来提升用户体验。比如，在耗时较长的操作开始时，展示一个“Loding……”动态图标，可以让用户明确知道要稍作等待，提升用户体验。
gif动态图演示
如何在PhotoShop中制作gif动态图呢？这里简单介绍一下。
点击“窗口”->“时间轴”，在PhotoShop中打开时间轴面板。点击下方“创建帧动画”按钮。我们看到，根据当前图像，时间轴中自动创建了动画的第1帧图像。
在PhotoShop中打开时间轴面板
接下来设置每帧的延迟时间和循环次数。第一帧图像的延时设置为0.3秒，循环次数设置为“永远”。
设置每帧的延迟时间和循环次数
复制帧并预览动画效果。选中第1帧，点击“复制所选帧”按钮，复制出第2帧图像。把第2帧图像中的太阳往下移动5个像素。之后点击“播放动画”按钮，预览动画效果。时间轴面板的按钮比较多，大家多试一下，就可以掌握常用按钮的功能了。
复制帧并预览动画效果
打开“存储为web所用格式”面板，选择“GIF”，点击存储按钮，就可以把做好的动画图片保存为gif动态图片了。在“存储为web所用格式”面板当中，你也可以点击预览按钮，预览动画效果。
存储为web所用格式
选择“GIF”，点击存储按钮
在“存储为web所用格式”面板当中，你还可以指定jpg图片的存储品质，在下方可以实时预览图片文件的字节数。品质越高，失真越小，图片越清晰。相应地，图片文件的字节数也随之增大，用户浏览图片时占用的带宽也会增大。
所以，在满足显示需求的情况下，选择合适的品质，有助于提升用户体验。
设置jpg图片的存储品质
小贴士：设置jpg文件的存储品质，还有一个很常用的场景——在线按要求上传证件照。很多考试的报名，都会要求用户上传指定宽度、高度、字节数的证件照。这时，在设置好图片的尺寸之后，就可以通过设置“品质”值来制作满足字节数要求的证件照了。
结束语
如果把宽带网络比作高速公路，网络上传输的每一个图片文件就是公路上川流不息的汽车。在满足显示需求的情况下，选对图片文件格式、优化图片的尺寸和字节数，你的汽车就是符合生产和使用标准的，行驶起来优雅美观，而且安全顺畅，也不会无缘无故给别人添堵；相反，就相当于汽车超员、超载、超宽，行驶别扭，给别人添堵，而且有一定的隐患（比如网速不良时不易加载）。
作为无比挑剔的设计师、前端工程师，你有责任优化每个像素、削减每个多余字节，一起行动吧。^_^
【完】
本文关键词：动画图片格式设置，动画图片格式叫什么，动画图片格式为，动画图片格式的扩展名，动画图片的格式。这就是关于《动画图片格式，动画图片格式设计（前端基础系列之bmp、jpg、png、gif、svg常用图片格式浅谈）》的所有内容，希望对您能有所帮助！
- 最近发表