標題：利用免費軟體PickPic建立對應RWD的圖片
出處：A.PAO designSTUDIO BLOG
時間：Tue, 08 Dec 2020 12:16:17 +0000
作者：apao
地址：https://blog.apao.idv.tw/post/1384/

內容：
客戶通常不在網站初期建立時提出需求，往往都在完成後才有意見，尤其碰到客戶千奇百怪的需求，都是十分具有挑戰性。今天來說明如何利用免費軟體，將兩張圖檔放置於一個圖檔內完成上傳。也能符合RWD的規範。

▼客戶需求將兩張圖直放

點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=4059


▼在Pickpic中開啟第一張圖片

點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=4060


▼「調整大小」>「調整畫布大小」

點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=4062


▼圖示1123px（看自己的圖片大小）修改至兩倍長2246xp

點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=4061


▼再將第二張圖片用拷貝貼上的方式移動到第一張圖片的下方，並記得儲存

點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=4063


▼儲存後，就能得到兩張合併的圖片了

點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=4064


▼再將合併的兩張圖，上傳至後台，就可以得到一張對應RWD的圖片了
範例網址 https://www.aantut.org/Platform_View.php?id=12

點擊在新視窗中瀏覽此圖片
https://blog.apao.idv.tw/attachment.php?fid=4065



Generated by Bo-blog 2.1.1 Release