PHP、HTML5上傳圖片自動(dòng)壓縮問題

給你個(gè)圖片處理的類吧，圖片剪裁處理后，也就等于將圖片壓縮了。

創(chuàng)新互聯(lián)長(zhǎng)期為1000+客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為文安企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)，文安網(wǎng)站改版等技術(shù)服務(wù)。擁有十余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

/**

*?圖像處理類

*?============================================================================

*?Copyright?2014?大秦科技，并保留所有權(quán)利。

*?網(wǎng)站地址:?；

*?============================================================================

*/

class?Image{

//生成縮略圖的方式

public?$thumbType;

//縮略圖的寬度

public?$thumbWidth;

//縮略圖的高度

public?$thumbHeight;

//生成縮略圖文件名后綴

public?$thumbEndFix;

//縮略圖文件前綴

public?$thumbPreFix;

/**

*?構(gòu)造函數(shù)

*/

public?function?__construct(){

$this-thumbType?=?1;

$this-thumbWidth?=?120;

$this-thumbHeight?=?60;

$this-thumbPreFix?='';

$this-thumbEndFix?=??'_thumb';

}

/**

*?檢測(cè)是否為圖像文件

*?@param?$img?圖像

*?@return?bool

*/

private?function?check($img){

$type?=?array(".jpg",?".jpeg",?".png",?".gif");

$imgType?=?strtolower(strrchr($img,?'.'));

return?extension_loaded('gd')??file_exists($img)??in_array($imgType,?$type);

}

/**

*?獲得縮略圖的尺寸信息

*?@param?$imgWidth?原圖寬度

*?@param?$imgHeight?原圖高度

*?@param?$thumbWidth?縮略圖寬度

*?@param?$thumbHeight?縮略圖的高度

*?@param?$thumbType?處理方式

*?1?固定寬度??高度自增?2固定高度??寬度自增?3固定寬度??高度裁切

*?4?固定高度?寬度裁切?5縮放最大邊?原圖不裁切

*?@return?mixed

*/

private?function?thumbSize($imgWidth,?$imgHeight,?$thumbWidth,?$thumbHeight,?$thumbType){

//初始化縮略圖尺寸

$w?=?$thumbWidth;

$h?=?$thumbHeight;

//初始化原圖尺寸

$cuthumbWidth?=?$imgWidth;

$cuthumbHeight?=?$imgHeight;

switch?($thumbType)?{

case?1?:

//固定寬度??高度自增

$h?=?$thumbWidth?/?$imgWidth?*?$imgHeight;

break;

case?2?:

//固定高度??寬度自增

$w?=?$thumbHeight?/?$imgHeight?*?$imgWidth;

break;

case?3?:

//固定寬度??高度裁切

$cuthumbHeight?=?$imgWidth?/?$thumbWidth?*?$thumbHeight;

break;

case?4?:

//固定高度??寬度裁切

$cuthumbWidth?=?$imgHeight?/?$thumbHeight?*?$thumbWidth;

break;

case?5?:

//縮放最大邊?原圖不裁切

if?(($imgWidth?/?$thumbWidth)??($imgHeight?/?$thumbHeight))?{

$h?=?$thumbWidth?/?$imgWidth?*?$imgHeight;

}?elseif?(($imgWidth?/?$thumbWidth)??($imgHeight?/?$thumbHeight))?{

$w?=?$thumbHeight?/?$imgHeight?*?$imgWidth;

}?else?{

$w?=?$thumbWidth;

$h?=?$thumbHeight;

}

break;

default:

//縮略圖尺寸不變，自動(dòng)裁切圖片

if?(($imgHeight?/?$thumbHeight)??($imgWidth?/?$thumbWidth))?{

$cuthumbWidth?=?$imgHeight?/?$thumbHeight?*?$thumbWidth;

}?elseif?(($imgHeight?/?$thumbHeight)??($imgWidth?/?$thumbWidth))?{

$cuthumbHeight?=?$imgWidth?/?$thumbWidth?*?$thumbHeight;

}

//????????????}

}

$arr?[0]?=?$w;

$arr?[1]?=?$h;

$arr?[2]?=?$cuthumbWidth;

$arr?[3]?=?$cuthumbHeight;

return?$arr;

}

/**

*?圖片裁切處理

*?@param?$img?原圖

*?@param?string?$outFile?另存文件名

*?@param?string?$thumbWidth?縮略圖寬度

*?@param?string?$thumbHeight?縮略圖高度

*?@param?string?$thumbType?裁切圖片的方式

*?1?固定寬度??高度自增?2固定高度??寬度自增?3固定寬度??高度裁切

*?4?固定高度?寬度裁切?5縮放最大邊?原圖不裁切?6縮略圖尺寸不變，自動(dòng)裁切最大邊

*?@return?bool|string

*/

public?function?thumb($img,?$outFile?=?'',?$thumbWidth?=?'',?$thumbHeight?=?'',?$thumbType?=?''){

if?(!$this-check($img))?{

return?false;

}

//基礎(chǔ)配置

$thumbType?=?$thumbType???$thumbType?:?$this-thumbType;

$thumbWidth?=?$thumbWidth???$thumbWidth?:?$this-thumbWidth;

$thumbHeight?=?$thumbHeight???$thumbHeight?:?$this-thumbHeight;

//獲得圖像信息

$imgInfo?=?getimagesize($img);

$imgWidth?=?$imgInfo?[0];

$imgHeight?=?$imgInfo?[1];

$imgType?=?image_type_to_extension($imgInfo?[2]);

//獲得相關(guān)尺寸

$thumb_size?=?$this-thumbSize($imgWidth,?$imgHeight,?$thumbWidth,?$thumbHeight,?$thumbType);

//原始圖像資源

$func?=?"imagecreatefrom"?.?substr($imgType,?1);

$resImg?=?$func($img);

//縮略圖的資源

if?($imgType?==?'.gif')?{

$res_thumb?=?imagecreate($thumb_size?[0],?$thumb_size?[1]);

$color?=?imagecolorallocate($res_thumb,?255,?0,?0);

}?else?{

$res_thumb?=?imagecreatetruecolor($thumb_size?[0],?$thumb_size?[1]);

imagealphablending($res_thumb,?false);?//關(guān)閉混色

imagesavealpha($res_thumb,?true);?//儲(chǔ)存透明通道

}

//繪制縮略圖X

if?(function_exists("imagecopyresampled"))?{

imagecopyresampled($res_thumb,?$resImg,?0,?0,?0,?0,?$thumb_size?[0],?$thumb_size?[1],?$thumb_size?[2],?$thumb_size?[3]);

}?else?{

imagecopyresized($res_thumb,?$resImg,?0,?0,?0,?0,?$thumb_size?[0],?$thumb_size?[1],?$thumb_size?[2],?$thumb_size?[3]);

}

//處理透明色

if?($imgType?==?'.gif')?{

imagecolortransparent($res_thumb,?$color);

}

//配置輸出文件名

$imgInfo?=?pathinfo($img);

$outFile?=?$outFile???$outFile?:dirname($img).'/'.?$this-thumbPreFix?.?$imgInfo['filename']?.?$this-thumbEndFix?.?"."?.?$imgInfo['extension'];

Files::create(dirname($outFile));

$func?=?"image"?.?substr($imgType,?1);

$func($res_thumb,?$outFile);

if?(isset($resImg))

imagedestroy($resImg);

if?(isset($res_thumb))

imagedestroy($res_thumb);

return?$outFile;

}

}

html5怎么壓縮圖片

HTML是用來(lái)做網(wǎng)站的一種語(yǔ)言哈，就是在html里面改變圖片的大小就要改變文件代碼，打開圖片源代碼，圖片文件的大小是height，和寬，我們可以更改，在語(yǔ)言中我們需要設(shè)置的都是英文的。

現(xiàn)在壓縮工具將圖片縮小之后都會(huì)對(duì)畫質(zhì)有影響，壓縮圖片文件選擇壓縮工具頁(yè)面中的普通壓縮就可以了壓縮程度不要過大，找到圖片壓縮工具，圖片要放置在工具頁(yè)面上進(jìn)行數(shù)據(jù)分析，根據(jù)圖片的大小工具會(huì)制定壓縮方案。

圖片分享論壇卻只允許發(fā)幾百KB的文件；微信、分享給朋友的時(shí)候自動(dòng)壓縮的圖像都比較模糊

HTML5圖片縮放后如何正確截圖

通過原圖和縮放圖的大小比例來(lái)計(jì)算，在縮放圖上的截取原圖應(yīng)該取多大，以及位置。

html5 使用rotate進(jìn)行縮放圖片時(shí)，怎么以中心點(diǎn)縮放？？

rotate是旋轉(zhuǎn)不是縮放，縮放應(yīng)該是scale屬性吧

旋轉(zhuǎn)參照點(diǎn)可以通過transform-origin來(lái)設(shè)置

語(yǔ)法為transform-origin: x-axis y-axis z-axis;

建議查看 CSS3 transform屬性

html5設(shè)置圖片自適應(yīng)屏幕寬度

HTML網(wǎng)頁(yè)的開發(fā)中，需要對(duì)大小不一的屏幕兼容，使圖片在不同的設(shè)備中可以展示預(yù)期的效果。自適應(yīng)屏幕的寬度，利用css中background屬性可以實(shí)現(xiàn)

工具/材料

瀏覽器，文本編輯器

01

新建一個(gè)HTML文件，代碼如下圖

02

打開HTML文件所在的文件夾，雙擊文件，跳轉(zhuǎn)到瀏覽器

03

改變?yōu)g覽器大小，發(fā)現(xiàn)圖片沒有變化，顯示不全

04

在所在文件夾下，新建一個(gè)樣式文件，命名為 auto.css，代碼如下

05

在HTML文件中加上對(duì)樣式文件的引用，返回文件夾，雙擊HTML文件，發(fā)現(xiàn)瀏覽器的變化會(huì)引著圖片一起變化，自適應(yīng)屏幕的大小

html5手機(jī)頁(yè)面背景圖片自適應(yīng)大小問題

1，輸入position：fixed；top：0；left：0；將整個(gè)div固定在屏幕的頂部和左側(cè)。

2、輸入width：100％；height：100％；min－width：1000px；這個(gè)可以適合div的高度和寬度，而min－width是為了實(shí)現(xiàn)讓屏幕寬度在1000px以內(nèi)時(shí)，div的大小保持不變。

3、輸入background-size: cover;-webkit-background-size: cover;-o-background-size: cover;使圖片隨屏幕大小同步縮放，但是有部分可能會(huì)被裁切，不過不至于會(huì)露白，下面兩句是為chrome和opera瀏覽器作兼容。

4、輸入background－position：center0；使圖片的位置，居中，靠左對(duì)齊。

當(dāng)前名稱：html5圖片縮放,html5網(wǎng)頁(yè)整體縮放
網(wǎng)站URL：http://chinadenli.net/article5/dsiegoi.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、微信小程序、服務(wù)器托管、虛擬主機(jī)、品牌網(wǎng)站制作、App設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)