在下载PNG图片时,可能会遇到一些问题,如图片无法正常显示、下载失败等。以下是一些常见的PNG下载问题及其解决方法:
常见问题及解决方法
1. 图片文件损坏:PNG图片文件可能因为存储介质损坏、传输错误等原因而损坏,导致无法正常打开。可以使用专业的图片修复工具,如万兴易修,进行修复。
2. 软件不支持:某些图片查看或编辑软件可能不支持PNG格式,或者版本过旧无法识别新的PNG格式特性。可以更换其他支持PNG的软件,并确保软件版本是最新的。
3. 缺少解码器:有些操作系统或软件可能没有安装PNG图片的解码器,导致无法解析和显示图片。需要通过官方网站或软件商店下载并安装相应的解码器。
4. 图片后缀设置错误:例如.jpg格式的图片,后缀设置为.png。需要根据图片类型修改为正确的图片后缀。
5. 跨域问题:当图片与下载地址不同域时,可能会出现跨域问题,导致无法下载。可以通过图片的base64编码数据进行下载(canvas.toDataURL)或者利用XMLHttpRequest和blob对象进行下载。
解决步骤
1. 使用专业修复工具:如万兴易修,步骤如下:
2. 修改图片后缀:根据图片的实际格式,将错误的后缀修改为正确的后缀,如将.jpg格式的图片后缀.jpg修改为正确的.png后缀。
3. 解决跨域问题下载图片:
javascript
function downloadPic1 (imgsrc) {
var image = new Image;
// 解决跨域canvas污染问题
image.setAttribute('crossOrigin', 'anonymous');
image.onload = function {
let canvas = document.createElement('canvas');
canvas.width = image.width;
canvas.height = image.height;
let context = canvas.getContext('2d');
context.drawImage(image, 0, 0, image.width, image.height);
let url = canvas.toDataURL('image/png'); // 得到图片的base64编码数据
let a = document.createElement('a');
a.download = 'download' + url.slice(url.lastIndexOf('.'));
a.href = url;
a.click;
image.src = imgsrc;
javascript
function downloadPic2 (url) {
let x = new XMLHttpRequest;
x.open('GET', url, true);
x.responseType = 'blob';
x.onload = function {
let url = window.URL.createObjectURL(x.response);
let a = document.createElement('a');
a.href = url;
a.download = 'download';
a.click;
x.send;
常见工具
1. 万兴易修:专业的图片修复工具,可以修复受损的PNG图片。
2. Pixso资源社区:提供海量的优秀设计资源,包括UI组件集、图标、设计、插画等,所有资源都可以在Pixso中进行编辑使用并导出为Png格式,素材可免费商用。
3. Pixabay:知名的免费png素材网站和视频库,提供数百万张高质量的PNG图片和视频素材,供用户免费下载和使用。可以根据关键词、颜色、方向和尺寸来进行搜索。
4. Vexels:拥有超过80,000张免费PNG图像,覆盖各种设计类别,提供在线编辑工具,可以在网站上对PNG图像进行编辑,添加文本、更改颜色以及自定义设计,但下载免费的PNG图像需要等待10秒倒计时。
5. Stick PNG:免费png素材网站和透明背景图像库,素材丰富,覆盖多种类别,包括动物、食物、人物、物品、自然、标志等,提供强大的搜索功能,部分高分辨率或特殊图像可能需要付费下载。
6. Find Icons:适合搜寻图标png素材网站,拥有超过500,000个矢量图标素材可供下载,是世界上最大的可搜索免费图标数据库,但下载一个PNG图标之前,需要经过很多验证步骤。
7. PNG ALL:具有透明背景的高质量免费PNG素材网站,素材种类多,涉及插画、节日、照片、动物、教育、网络等,下载过程快,但点击图像时会出现弹出广告。
8. Iconmonstr:提供图标png素材网站,所有素材都是透明背景,可以方便设计师进行编辑修改,素材为黑白图像,有填充风格与线条风格,可以在该网站上直接调整图像大小进行下载,但内容有限。
9. PngPix:提供图像png素材网站,只需点击几下就可下载保存,不用注册,素材丰富,分类众多,包括明星、自然、物品等,且质量高,但只允许下载一种分辨率的图像,只对个人免费,商业使用会有版权问题。
10. The Noun Project:包含超过300万个图标,是获取徽标PNG图像素材的网站之一,质量高且类型丰富,提供卡通PNG,注册一个免费帐户即可进行下载。
11. Pngtree:拥有超9,000,000张免费的图形与PNG素材,可供下载,种类丰富,包括节庆节日、设计趋势、照片、背景图片等,且质量非常高,免费用户每天最多只能下载2张图片。