唐家三少,女强穿越玄幻完结小说

如何合理制作網(wǎng)站內(nèi)容配圖，圖片格式有什么不同呢？

來源：南京軟月建站作者：小月月時(shí)間：2022-12-05 11:24:38 點(diǎn)擊：0次

如何合理制作網(wǎng)站內(nèi)容配圖，圖片格式有什么不同呢？

南京網(wǎng)站制作公司：哈羅～大家好，我是南京軟月互動(dòng)設(shè)計(jì)部的小月月（網(wǎng)站編輯是老板加派的，enmmmm～偷偷的告訴你們的哦）

以前不怎么被要求寫推文，所以對身邊很多發(fā)生的事情不會(huì)那么的留意，更不會(huì)過多思考，畢竟一天工作下來還是挺累的，哪有那么多心思想這想那哦。

雖然網(wǎng)站編輯的活是老大后來加派的，一開始確實(shí)難以接受（主要是不會(huì)寫啊...），慢慢的開始喜歡上記錄和分享。因?yàn)樵趯憱|西的時(shí)候可以停下手邊的工作開始思考和整理，其實(shí)也是一種學(xué)習(xí)和提高的方式。

今天簡單來跟大家說說網(wǎng)站內(nèi)容更新維護(hù)中的配圖問題吧，經(jīng)常也會(huì)有客戶資訊到網(wǎng)站內(nèi)容更新是圖片有什么要求，借此機(jī)會(huì)嘛就簡單聊聊。

常用的兩種圖片格式

一般我們網(wǎng)站更新內(nèi)容配圖，或者banner大圖等，常見的格式主要是 jpg 和 png。兩種格式的圖片在顯示效果上有什么差別呢？

其實(shí)2種格式的圖片在顯示上并無差別，從身邊的朋友到客戶，我簡單的發(fā)現(xiàn)從事網(wǎng)絡(luò)相關(guān)設(shè)計(jì)專業(yè)的，用JPG格式的會(huì)比較多，PNG圖片會(huì)用于特殊圖片或者圖標(biāo)類圖片時(shí)使用。

從事平面設(shè)計(jì)的朋友呢，好像更習(xí)慣性的會(huì)吧圖片保存成PNG格式，而且常用圖片分辨率會(huì)有120、200或者300。

其實(shí)這的要求在網(wǎng)頁應(yīng)用中并不需要這樣設(shè)置，正常72像素分辨率就完全可以了。

為什么我們推薦圖片用JPG呢

在網(wǎng)站、小程序或者App中，亦或是正常的電子設(shè)備作為瀏覽載體的時(shí)候，同樣一張圖片不論格式是jpg或者是png，其顯示效果是一樣的，但兩者在圖片文件大小上會(huì)有比較大的差別，一般情況下同樣一張圖片PNG格式的圖片文件要比JPG的大很多。所以也是我們經(jīng)常跟客戶推薦使用JPG格式圖片，無特殊要求的，盡量少用PNG，這樣圖片小了頁面加載的速度也就快了。

可能有的人會(huì)擔(dān)心圖片會(huì)變的不清晰，其實(shí)不然，影響圖片清晰度的主要是圖片質(zhì)量，只要不是壓縮的太厲害基本沒問題的。

如果用你ps中的“存為web格式“保存成jpg的圖片，圖片質(zhì)量“高”，這樣保存的圖片要比正常另存為jpg格式的圖片要小哦。

另外文章內(nèi)容配圖一般圖片寬度800像素左右即可，特殊的可能會(huì)有1000多像素，正常情況技術(shù)都會(huì)控制文章內(nèi)容配圖的最大寬度，避免傳的過大“撐破”頁面。

那什么情況下，我們需要使用PNG圖片呢，里不得不提下png格式中的一個(gè)小知識(shí)點(diǎn)，那就是png-8和png-24，不同圖片、不同設(shè)計(jì)要求，合理選擇相應(yīng)格式。

PNG-8 和 PNG-24 的區(qū)別

兩者的根本區(qū)別，不是顏色位的區(qū)別，而是存儲(chǔ)方式不同。

PNG-8：只有1位的布爾透明通道，也就是說圖片要么完全透明，要么完全不透明。

PNG-24：有8位（256階）布爾透明通道，可以實(shí)現(xiàn)圖片的半透明效果，并且每個(gè)點(diǎn)陣都有透明度的定義。

簡單理解就是PNG-8不支持阿爾法通道的半透明，而PNG-24則支持阿爾法通道的半透明。

（說到這里不知道大家有沒有一機(jī)靈，哈哈，就是用png格式保存圖片其實(shí)目的就是為了實(shí)現(xiàn)圖片的透明度，如果是照片或者不需要透明的圖片其實(shí)就用jpg就可以了。）

內(nèi)容配圖時(shí)選用什么樣的格式

1、如果是照片或者色彩豐富的圖片就用jpg格式，挺好；
2、如果是尺寸小的，色彩不豐富的和需要背景透明可以保存成gif或png-8，可謂小巧玲瓏。需要有半透明效果的就保存成png-24。

編者按

簡單了解圖片格式的區(qū)別，可以更好的優(yōu)化我們的工作，也能更好的讓我們根據(jù)設(shè)計(jì)需要選擇相應(yīng)的保持方式。雖然不同格式對于圖片來說沒啥大的區(qū)別，但一點(diǎn)點(diǎn)改變就是你跟其他家不一樣的地方，以及月累效果顯而易見。如果每張圖片都被合理的保存相應(yīng)的格式，不僅大大降低存儲(chǔ)空間，還能更好的提升網(wǎng)頁打開速度，這不是很香嘛~

今天就說到這吧，歡迎關(guān)注南京軟月互動(dòng)，也歡迎有網(wǎng)站、小程序、MG動(dòng)畫、畫冊設(shè)計(jì)等業(yè)務(wù)需求來電咨詢哦。