① 我想wordpress 里插一個和大的圖片,可以實現圖片的全部內容能看見嗎 不可以壓縮!
給img標簽設定最大寬度:
max-width:你的最大寬度;
height:auto;高度設自動
這種方法在ie7及以上版本IE都有效,其他瀏覽器也是,自動縮放到指定寬度,並且是等比例,當然使用的仍然是原始圖片。
IE6下可以用css表達式
_width: expression(this.width > 600 ? "600px" : true);裡面設定你的最大寬度;
只是提供一個方法,但是不建議使用CSS表達式,它求值的頻率太高,過高的消耗客戶端資源。
IE6下還是老老實實用JS來解決吧。
wp3.21自帶的主題twentyeleven中就是用的這個方法,可惜它沒對IE6做處理。
② 如何優化自己網站的圖片
在做搜索引擎的時候,其實優化的不僅僅是關鍵字的排名,搶的也不只是搜索引擎前10名的排位,還有圖片的優化。怎麼優化自己網站的圖片呢?下面啟凡軟體給大家講解一下:
第一:圖片的文件命名
很多不關注優化的人,他們一般是不關心圖片文字的命名是什麼樣的,比如你經常可以看到圖片的命名如下:
IMG_65
QQ圖片54803
DSC4536.jpg
或者是一些乾脆看不懂的亂碼,類似這些的圖片命名其實都是不注重搜索引擎優化的表現。舉例
這張福特汽車的照片的文件名你可以命名為:
2012-Ford-Mustang-LX-Red.jpg
在做圖片文字的命名的時候,植入關鍵詞是很重要的,那麼你要想如果是用戶他們一般會怎麼搜索關鍵詞的?他們會用什麼樣的語句來表述的,那麼你可以以用戶潛在的搜索詞,作為圖片的命名:
2012 Red Ford Mustang LX
Ford Mustang LX Red 2012
Red Ford Mustang LX 2012
你看用戶都可以用這些詞作為關鍵詞的搜索,那麼如果你有多張相似的(不同的角度的圖片)你可以用上面不同的搜索語句來命名
第二:Alt標簽的優化
Alt標簽就是你經常看到的,當你滑鼠移到一張圖片的時候,圖片上會顯示關於這種圖片的標簽,也就是這種圖片是叫什麼的。
Alt標簽還是很重要的,因為對於搜索引擎來說,圖片對於蜘蛛爬行還是有困難的(看不懂圖片在表達什麼,雖然現在的技術已經進步了很多),那麼Alt標簽其實就是幫助搜索引擎去理解這張圖片的含義。
在運用Alt的時候特別要注意幾點
和圖片的文件命名一樣,alt的標簽最好也要用關鍵字命名,只要正常的描述這張圖片就行了
關鍵字不要形成堆砌,如alt=」ford mustang muscle car buy now cheap best price on sale」
第三:圖片的說明(Description)
一在wordpress中,一般都要對圖片加上Description描述,就是對圖片做進一步的說明,如下圖
描述部分是對這張圖片的進一步說明,其實就是幫助搜索引擎更好的理解這張圖片在表達什麼意思。
第四:圖片的原創性
在互聯網上,大家看到的很多圖片,其實都是直接從互聯網上「拿」的,這就導致了,很多人使用的圖片都是一樣的。
所以站在搜索引擎的角度來看,很多圖片都是盜用的,那麼如果你也是其中的一個,你的圖片對搜索引擎來說是沒有任何意義的,搜索引擎不可能一直抓取互聯網上重復的資源,包括文章,也包括圖片
所以圖片的原創性就很重要。
我相信大家如果使用自己的圖片,並對圖片進行優化,相信我,你的很多圖片都是能排上來的。
第五:圖片的來源
如果你實在是沒有好的圖片,那麼下面我提供一些好的圖片的資源,供大家參考
Flickr、Unsplash、Freeimages、Pixabay
上面的這些渠道大家都是可以拿到一些免費的高質量的圖片,而不只是從Google image,Instagram,Pinterest上拿圖片了
第六:圖片壓縮
好了,你現在知道了如何找圖片之後,那麼你也要對圖片進行進一步的優化,比如圖片的壓縮
因為我們知道如果你的網站上上傳了很多尺寸非常大的圖片,但是又沒有對圖片進行優化,那麼會影響你網站的打開速度
大家在上傳圖片到自己的網站之前可以利用Tinypng、Tuhaokuai工具,先壓縮,在上傳。
另外我建議圖片的大小最好不要超過100k(事先可以壓縮)不然長此以往,會影響網站的打開速度
第七:JPG,PNG,GIF到底要採用哪一種格式
其實圖片格式不但與圖片體積相關,還跟瀏覽器的兼容性也有一定的關系。主要要注意以下幾種情況:
1、出現顏色失真、顯示不完整的圖片。對於這樣的圖片,堅決不要使用。
2、採用通用的圖片格式。現在一般通用的圖片格式是GIF或JPEG的格式。
3、建議不要採用的圖片格式。如PNG、BMP等,因為這些格式的圖片體積相對JPEG而言比較大,會影響載入速度。
這里幾個建議:
對於大多數的電商網站來說,選用JPG的格式是最好的,因為圖片的質量是有保障的GIF就少用了把,特別是大圖,很影響網站的載入速度,能不用就不用了,PNG介於JPG,GIF之間,很多網站的小圖標都是用png做的,但是很多的png格式比JPG還大,這點要注意。
搜索引擎不喜歡8位的圖片,不喜歡體積大的圖片,喜歡高質量同時載入速度又快的圖片,從這一點來看只有jpg了
第八:圖片和文字的配合
很多人會說:「我看很多圖片也沒有進行關鍵字的命名,為什麼有些圖片都可以排第一?」
第一:需要說明的是,我們說的圖片優化是多維度進行優化的,不是說做了alt,做了description就一定能排第一,優化是多個層次來進行的
第二:搜索引擎在判斷一個圖片收費和你的搜索是相關性的,還有一個判斷就是,你的圖片和你圖片周圍收費相關。
搜索引擎有時候是看你這篇文章,這張圖片周圍的文字性是什麼樣的。比如圖片的周圍討論的都是蘋果手機,那麼搜索引擎很可能會判斷這張圖片是和蘋果手機是相關的。
搜索引擎把一張圖片排起來,一定是依據多個標簽進行啊?所以圖片其實也和一篇文章的內容是有掛鉤的。那麼從這個意義上來講,各位就很好的理解了「為什麼有些圖片不是用關鍵字來命名,他還能排第一的問了」
搜索引擎優化,真的是一個細致的活,有時候真的人是很懶,我還是希望各位能把你知道的每一個點,能優化的盡量都優化好,很多東西看似無所謂,但是時間一長,你就會發現差距就上來了。
③ 有哪些實用的WordPress 插件值得推薦
GoogleXMLSitemaps:為博客添加xmlsitemap的插件,自動生成,發布文章之後自動更新。
2.Akismet:防止博客被spam的插件,自動刪除惡意評論,對於群發廣告、惡意評論更有效。
3.PlatinumSEOPack:WordPress的SEO插件,你的網站能不能被大家所知道全靠它了。
4.SEOtitleTag:也是一款SEO插件,可以讓每篇文章都含有相應的關鍵詞和描述,讓每篇文章都符合SEO規范。
5.WordPressDatabaseBackup:WordPress非常需要的一個插件,安裝之後,設定郵件,可以自動發送資料庫到郵件,免除手動備份的麻煩,發送時間可以任意選定,每小時,每天,每兩天等等。
6.WPKeywordlink:讓關鍵詞自動連接到地址,豐富網站內鏈。
7.日誌自動截斷:國人漢化的插件,原名為wp-limit-posts-automatically,此插件能控制文章在首頁的顯示字數,省略了每篇文章都加「more」標簽的麻煩,非常實用,原英文插件只支持英文單詞。
8.WordPressRelatedPosts:可以在小工具處直接調用,顧名思義,是能讓頁面顯示最新文章的插件,可以在邊欄或者是文章結尾調用,個人認為在文章結尾調用更加符合UE。
9.WP-PageNavi:WordPress分頁插件,一般的主題都支持這個插件,給文章列表添加分頁的插件,不帶這個插件的話只能顯示「較老的文章」,安裝之後一般可以顯示為「第一頁,第二頁等等」
10.WP-PostViews:這個也十分必要,很多主題都需要用到。
有了這十款基本插件,你的WordPress就更加完善了。當然,WordPress的插件成千上萬,大家可以自行搭配所需插件。
11.WPTouch
12.Post By Email
通過電子郵件發布文章
13、DX-Watermark
添加圖片水印、文字水印一款好用的插件
14、GZippy插件
開啟GZIP壓縮創建
PS:如果喜歡,TeachCourse,謝謝能夠幫助!
④ wordpress網站上面的每個圖片都是50kb,請問有什麼無損壓縮或者讓它變小點
1、用Photoshop,這個比較專業,當然操作也會復雜點
2、建議用光影魔術手這種傻瓜式軟體
3、打開後導入圖片批量進行壓縮
4、可以設置圖片質量,尺寸,或者固定文件的大小
5、建議先找個圖測試下,以選擇您需要的最佳設置方案
多素材織夢模板
為您解答
望採納
⑤ wordpress怎麼設置縮略圖片不壓縮 不拉伸
要使縮略圖不壓縮、不拉伸,大致有以下幾步:
1、後台設置 - 多媒體里,將所有「縮略圖大小」設置為空值
如果不想生成其他尺寸的圖片,建議將「中等大小」、「大尺寸」都設置為空值
2、通過wp_get_additional_image_sizes()函數,可查看當前都有哪些圖片尺寸設置
例如有以下值:
php">array(1){
["post-thumbnail"]=>
array(3){
["width"]=>
int(825)
["height"]=>
int(510)
["crop"]=>
bool(true)
}
}
這表示我當前的wp有設置post-thumbnail這個圖像尺寸。凡是寬大於825高大於510的圖片,在上傳時都會進行裁切的。如果不想用這個尺寸去裁切,可以unset這個
如:
global$_wp_additional_image_sizes;
if(isset($_wp_additional_image_sizes['post-thumbnail']))
unset($_wp_additional_image_sizes['post-thumbnail']);
3、wordpress默認上傳的圖片精度為82,可查看
/wp-includes/ -> class-wp-image-editor.php中$default_quality的默認指定值
為改變這個值,可向wp_editor_set_quality這個hooks添加函數
如:
add_filter('wp_editor_set_quality','wpdit_set_quality');
functionwpdit_set_quality($quality){
$quality=100;
return$quality;
}
通過以上幾步,足夠解決你的問題。
⑥ Wordpress插件過多很臃腫,怎麼優化
wordpress默認自帶的那2個插件,不建議用,卸載掉。
首先你的有一個 sitemap的插件,老魏用 Google XML Sitemaps。
然後https鏈接的過程中難免會有某些鏈接是 http的,這時候不需要你特意去找(也未必能找到),只需要安裝 Really Simple SSL插件。
再次使用 WP Acceleration for China,解決google字體延遲和 gavata頭像延遲過高的問題。
如果你的網站放在國外伺服器,就用不著最後一個插件了。
至於別的插件是在使用中慢慢嘗試出來的,有些插件可以用代碼代替,有些不能代替就只能安裝了。也就是用到了再安裝,沒有說必須安裝的插件,懂這個意思就行了。
再有不懂的可以問問老魏,看到了就回答。
⑦ 如何修改WordPress縮略圖的顯示質量
顯示質量由你原圖決定的,WORDPRESS只是對你原圖做壓縮和裁剪。縮略圖大小可以在 「設置」 -> 多媒體 中進行設置
⑧ wordpress略縮圖圖片變形怎麼辦
首先看你主題的縮略圖是怎麼寫的。
1、如果你的是截取文章第一張圖,那麼只要的文章的圖片的尺寸不與縮略圖的比例相近,那調用出來的肯定是變形的了。
2、如果縮略圖採用的文章特色圖,也會出現你所說的變形,除非比例很相近。
如在functions.php文件中採用的這種形式,add_image_size('thumbnail',195,195);
3、如果縮略圖採用的文章特色圖,但使用的add_image_size('thumbnail',195,195,true);
這種就相對不會變形,但是是硬裁切。如圖片尺寸比例不對,(很高的情況),它可能把頂部和底部部分給裁切掉了,比如人物圖片把頭部或腳給裁切掉。
針對以上3種,第一種調用的圖由於是原圖,所以圖片大小很大,影響網頁載入,和空間的流量;第二三種的縮略圖大小相對減少,節省空間流量和相對加快頁面載入速度。
第二種相對第三種,圖片比例掌握不好,還是會看到變形。而第三種個人比較傾向,只要你比例不是太離譜,基本不會變形,只是會裁切掉一些地方。【如縮略圖是寬尺寸的,你就別用窄高尺寸的了】
綜合以上,找到你的functions.php文件,查找文件中的add_image_size特色圖尺寸代碼,在尺寸後方加true。如
add_image_size( 'thumbnail', 195, 195, true );
以上只是參考,你可以找找官網資料。
鏈接:
codex.wordpress.org/Function_Reference/add_image_size
⑨ WordPress 技巧:如何改變 JPEG 圖片上傳後的壓縮質量
但部分站長(包括我)對於這 10% 的壓縮還是比較在意的,還是希望 100% 原質量才能讓我舒心。 那麼如何禁止 WordPress 自動壓縮上傳圖片質量呢?把如下代碼插入到你的主題 functions.php 文件里,則以後不會對上傳質量有所壓縮了add_filter( 'jpeg_quality', create_function( '', 'return 100;' ) );另外一方面,可能希望圖片壓縮質量更高一些:add_filter( 'jpeg_quality', create_function( '', 'return 80;' ) );相應的把以上代碼後面的參數改成自己喜歡的壓縮比例就可以了。