png | 易学教程

好用的几种常用的响应式设计让图片自适应的办法

阅读更多关于好用的几种常用的响应式设计让图片自适应的办法

Ethan Marcotte曾经在A List Apart上发表过一篇名为“Responsive Web Design”的文章，他当时就提出了响应式架构的概念（不少混迹技术圈的肯定看过这篇文章，这里就不再赘述了）。随着终端设备的日益丰富，无法针对设备类型、尺寸或浏览器进行自适应调整的图像会严重减慢网站的访问速度，最终导致用户流失。一，谈到图片自适应，很多前端开发人员会不假思索的来一句“宽度100%” 例如： 1 <html> 2 　　<head> 3 　　　　<style> 4 　　　　　　html,body{width:100%;height:100%;margin:auto 0px;padding:auto 0px;text-align:center;} 5 　　　　　　.imgBox, .imgBox img{width:100%;height:100%;} 6 　　　　</style> 7 　　</head> 8 <body> 9 　　<div class="imgBox"> 10 　　　　<img src="1.jpg" /> 11 　　</div> 12 </body> 13 </html> <html> 　　<head> 　　　　<style> 　　　　　　html,body{width:100%;height:100%;margin:auto 0px

图片压缩工具：grunt-contrib-imagemin

阅读更多关于图片压缩工具：grunt-contrib-imagemin

　　我们平时使用Photoshop 切出的图片，都含有一些不需要的信息或者多余的颜色值，这些信息和颜色值，对网页显示并没有用处，反而增加图片大小，Google Pagespeed 建议我们对于JPEG文件，使用jpegtran或jpegoptim（仅适用于Linux；使用--strip-all选项运行）。对于PNG文件，使用OptiPNG或PNGOUT。减小图片大小，就可以减少用户下载的文件大小，加快页面访问速度。　　对于不同格式的图片，我们需要用pegtran/jpegoptim/OptiPNG/PNGOUT 的工具，这样对于前端开发费时费力，grunt-contrib-imagemin封装了这些压缩功能；大大方便了我们优化的工作. 　　安装：npm install grunt-contrib-imagemin --save-dev 　　配置：详细见https://github.com/gruntjs/grunt-contrib-imagemin 　　代码例子： module.exports = function (grunt) { 'use strict'; grunt.initConfig({ imagemin: { /* 压缩图片大小 */ dist: { options: { optimizationLevel: 3 //定义 PNG 图片优化水平 }, files

批量改变文件夹和子文件夹中图片格式的两种方法

阅读更多关于批量改变文件夹和子文件夹中图片格式的两种方法

生活中，我们通常会遇到这种问题：一个文件夹内部有多个子文件夹，每个文件夹内部有很多图片，我们想改变这些图片的格式。例如.png格式图片支持背景透明，但我们想把它变成背景不透明的.jpg图片。又比如.bmp格式是非压缩图片，我们想把它转换为无损压缩的.png图片以节省存储空间。如果图片数量很少，很明显我们可以通过Windows自带的画图工具或者其他看图软件通过“另存为”一张张地转换图片格式。但是如果图片很多，怎么办？这个问题其实有两个关键点： ① 要求批量处理。 ② 文件夹中还有子文件夹。由于我同时熟悉Halcon和Photoshop，因此我提供两种方式，供不同的读者参考。一、用Halcon批量修改图片格式。原文件夹和图片如下所示：代码如下： 1 list_files ('D:/pic', ['files','recursive'], ImageFiles) 2 *'ignore_case':忽略大小写 3 tuple_regexp_select (ImageFiles, ['\\.(tif|tiff|gif|bmp|jpg|jpeg|jp2|png|pcx|pgm|ppm|pbm|xwd|ima|hobj)$','ignore_case'], ImageFiles) 4 for Index :=0 to |ImageFiles| - 1 by 1 5 read

pngquant有损压缩png资源

阅读更多关于 pngquant有损压缩png资源

通过将图像转换为更有效的8-bit PNG格式， pngquant 是一个 PNG compresor，它可以将图像转换为更有效的PNG格式。压缩图像完全符合标准，所有浏览器和操作系统都支持它。用法多个文件的批处理转换： pngquant *.png unix样式标准标准/标准链接： ... | pngquant - |.. . 要进一步减小文件大小，请尝试 optipng ImageOptim或者 zopflipng。特性高品质调色板生成支持伽玛校正和 premultiplied alpha的高级量化算法独特的抖动算法，不会向图像添加不必要的噪声可以配置的质量级别自动查找所需数量的颜色，并可以跳过无法转换为所需质量的图像快速，现代代码基于端口 libimagequant库对于遗留系统或者编译器( 除了 Visual Studio 之外 ) 没有任何解决方法多核支持( 通过 OpenMP ) 和英特尔SSE优化命令行选择： pngquant -h 查看所需参数 --quality min-max min 和 max 是 0 ( 最差) 至 100 ( 完美)的数字，类似于 JPEG。 pngquant将使用满足或者超过 max 质量要求的最少数量的颜色。如果转换结果以质量低于 min 质量，图像将不会保存( 如果输出到 stdin，24-bit

Git LFS的使用

阅读更多关于 Git LFS的使用

Git LFS 简介帮助文档： https://coding.net/help/doc/git/git-lfs.html Git LFS是Github开发的一个Git的扩展，用于实现Git对大文件的支持 LFS是Git的一个扩展，所以没有改变Git的工作方式，其是把指定需要LFS管理的文件替换成了一个指针文件交给Git进行版本管理在pull/push等这些操作中，LFS又通过LFS服务器把这些文件的真身给下载或上传回来通过这样的手段，使得本地仓库的体积大大减小，而不会出现随着这些文件的版本增多而体积剧烈膨胀的情况这种把存储负担转移给了服务器的做法，让其强依赖于LFS服务器，本地仓库并不是一个完整的仓库使用目的在游戏开发过程中，设计资源占用了很大一部分空间，像png、psd等文件是二进制(blob)的，体积也很庞大但Git的diff/patch等是基于文件行的，对于二进制文件来说，Git需要存储每次commit的改动每次当二进制文件修改，发生变化的时候，都会产生额外的提交量，导致clone和pull的数据量大增，在线仓库的体积也会迅速增长没使用Git之前，一般二进制文件和源代码分成两块，分别存放到不同的SVN仓库上（防止二进制文件中有病毒感染服务器，所以进行隔离）当切换到Git上进行版本管理，就可以使用git lfs来管理这些二进制文件

腾讯云linux服务器安装mongoDB（转载）

阅读更多关于腾讯云linux服务器安装mongoDB（转载）

复制命令： wget -c http://mirrors.linuxeye.com/oneinstack-full.tar.gz && tar xzf oneinstack-full.tar.gz && ./oneinstack/install.sh --db_option 15 --dbinstallmethod 1 --dbrootpwd 123456 --reboot 复制到服务器窗口，如下图 image.png 这里注意，在 / 路径下不太好使，要在～路径下，如下图 image.png 安装完成后，显示这样： image.png 然后重新登录服务器，在窗口中敲 mongo ，进入数据库： image.png 输入 db ，默认在test数据库下，输入 use admin ，进入 admin 数据库: 然后在输入 db.auth('root','123456') ,返回1表示验证成功。注意这个账号密码是超级管理员，前面设置过的。 image.png 然后创建一个新的数据库，并配置账号密码，敲 use newDatabase ,进入新的库内，然后敲 db.createUser({user: "username", pwd: "password", roles: [{ role: "dbOwner", db: "newDatabase" }]}) 配置账号密码： image

android sdk tools里找不到draw9patch.bat 如何制作.9.png 格式图片

阅读更多关于 android sdk tools里找不到draw9patch.bat 如何制作.9.png 格式图片

1.什么是.9.png格式 .9.png格式的图片可以在安卓平台指定拉伸区域，防止图片失真，一般用作背景图。 2.前提最近项目中要用到.9.png格式图片，想着这个简单使用draw9patch.bat 制作一个就完事了，去sdk的tools目录下面找draw9patch.bat文件，但是没找到。再去下载draw9patch.bat感觉略费事，因为我现在的环境应该是支持我直接制作的。在android studio里面直接打开.9图片，有编辑页面，就有如下图的两个tab：说明环境没有问题。 3.两种处理方式 1.在android studio中生成把要编辑的图片复制到资源文件中；选中图片右键；选择 create 9-path 就会在同目录下面生成相同文件名并且后缀是.9.png图片，这样就可以愉快的制作了。 2.直接生成（绝妙）既然发现图片后缀不一样，那就有此方法了。直接对要制作的图片重命名，修改图片后缀为.9.png；然后把图片放到android studio 中，打开图片，就是制作.9.png的窗口。接下来就在as里制作了，完美识别。 4.后记注意删除已经有替代品的并且不需要的.png图片不要在四个边的同一条边上绘制两段拉伸区域 shift键鼠标左键拖动可以消除选中，在图片最边缘，非常难拉，如果只是改变宽度鼠标可以在悬停出现伸缩箭头拖动。来源：

Why does a PNG image sometimes get blurry depending on its position in a view

阅读更多关于 Why does a PNG image sometimes get blurry depending on its position in a view

问题 I have noticed that when placing PNG images into a view using IB and/or animating those images to various positions around a view, the image can sometimes get a slight blur. In most cases I can remedy the blur by adding .5 of a pixel to the images position. [lbLiteButton.layer setPosition:CGPointMake(140.5,159.5)]; Sometimes I have to adjust both x and y like above. Sometimes I only have to adjust x or y. I remember reading somewhere that this has to do with the size of the image and how core

Mac搭建本地服务器并映射到外网

阅读更多关于 Mac搭建本地服务器并映射到外网

最近在学习Html,小有进步变想着写一个浪漫的静态页面给女朋友浪漫一下,那么问题就来了,如何把我的网页让对网络一窍不通的女朋友看到,所以便想到了是用自己电脑作为服务器的想法.百度以后整理如下: 首先搭建本地服务器 Mac自带Apache服务器,所以比较简单一: 打开终端 //开启apache:需要输入密码 sudo apachectl start //重启apache: sudo apachectl restart //关闭apache: sudo apachectl stop 开启成功之后用同一局域网的浏览器打开http://127.0.0.1/或者 http://localhost 测试一下回显示局域网It work.png 二: 此处显示的网页在/Library/WebServer/Documents,打开文件路径 image.png it work的网页是上图的index.html.en,以此类推,如果想要放自己的网站,可以吧文件拖入上图,类似HaiMiLove文件,此时打开 http://127.0.0.1/haimilove 的链接便是你自己的网页了三:使用完成记得关闭,不然很耗费电脑性能本地web服务映射到外网一: 什么是ngrok 本地服务映射到外网有很多,但这里说的是通过免费ngrok内网穿透映射到外网 ngrok官网下载地址: https:/

The image saved as JPEG with Pillow is different from the original image.

阅读更多关于 The image saved as JPEG with Pillow is different from the original image.

问题 I have a 3-d numpy array and save it using Pillow as JPEG image. When I reloaded the image using Pillow, the resulting numpy array is different. I write a demo code for this: from PIL import Image import numpy as np file_extension = 'jpeg' # generate a sample image image = range(1, 2*2*3+1) image = np.uint8(np.array(image).reshape(2,2,3)) print 'image', image img = Image.fromarray(image, "RGB") img.save('test.'+file_extension) # load image loaded_image = Image.open('test.'+file_extension)

订阅 png