frame

Shots 是一個免費的線上工具，專為修飾圖片和替圖片加入各種裝置外框而設計。Shots 提供 Mockup 和 Frame 兩大核心功能。其中，Mockup 功能可以將圖片修飾成圓角並加入陰影和邊框。此外，它還提供了各種裝置模板，如 Phone、Tablet、Laptop、Desktop 和 Wearable，讓使用者可以輕鬆選擇套用。而 Frame 工具則允許使用者自訂圖片或套用不同尺寸，如 16:9、4:3 等，同時改變相框的顏色和調整圖片角度。使用者只需上傳圖片即可立即開始使用這個免費且專業級的 Mockup 線上工具，而且成品下載也不會有任何浮水印或解析度的限制。

Ionicons 是一套開放原始碼圖示字型集，其 7.1.0 版本包含了 1,300 個專為 Web、iOS、Android 和桌面應用程式製作的圖示。這個字型集專為 Ionic Framewor k設計，實現了應用程式中 Material Design 和 iOS 風格的統一使用。每個 Ionicons 圖示都提供 Outline、Filled 和 Sharp 三種不同風格的選擇，同時支援 Ionicons Web Component 用法。這種用法能夠動態載入 SVG，有效減少應用程式載入時的資源開銷，提高圖示顯示效率。Ionicons 採用 MIT 許可證，允許商業使用，為應用程式圖示的顯示提供更大的靈活性和效率！

Browser Frame 這個網站主要是將使用者上傳的圖片加入各式各樣瀏覽器的外觀，使用者可選的主要瀏覽器外框有 Chrome、Safari、Edge、IE、Opera、Firfox，其中又有區分是 Mac 或是 Windows 作業系統使用，另其邊框也可選擇 Light 或 Dark 樣式，除了由使用者自行上傳圖片合成外，Browser Frame 還提供由使用者自行輸入網址就可以擷取成圖案並直接套用所選瀏覽器外框的功能，讓使用 Mac 作業系統也可以輕易取得在 Windows 執行的瀏覽器介計，反之亦然。

AnimateGif 是一套可以快速建立出 GIF 動畫的免費軟體，操作方式相當簡單，只需將圖片使用滑鼠拖拉進 AnimateGif 所指定的位置，就能快速地建立出 GIF 動畫，所支援的圖片格式類型有 PNG 、JPG/JPEG，可設定是否重複循環、frame 速度及建立後 GIF 動畫的品質。

Free Online Video file to Image Converter 是 ASPOSEP 網站旗下的免費服務，其最主要的功能就是按影片的影格率（frame rate）即「每秒顯示影格數」（frame per second，FPS）依照使用者所設定的時間循環，固定從影片擷取該時間的影格並轉成圖片( JPG、PNG 或 BMP )，其操作步驟簡單，使用者僅需要將影片上傳，設定影片要擷取的時間頻率，就可以按此循環將整段影片擷取成圖片。

一邊錄影還可以一邊拍照的功能，似乎尚未普及，如果有需要將影片內容，按照時間擷取成圖片，可以來試試 Batch Video To Image Extractor 這套應用程式，支援將影片擷取成 JPEG、GIF、BMP、PNG、TIFF、PPM......等的圖片格式，可用時間或 frame 間隔數來擷取，並可自訂擷取圖片的尺寸大小，相當方便。

想要轉貼網頁上的圖片，通常在取得圖片的原始網址後來進行轉貼，但對於不熟 HTML 或 CSS 語法的人來說，想要轉貼圖片其實也是種困惱，BigImg.it 網站就提供了免費圖片轉貼語法產生服務，只要取得原始圖片的網址後，就可重新設定圖片尺寸大小及定義圖片顯示位置，並在設定後，產生 iframe 語法，複製該語法就可以貼到自己網頁裡想要顯示圖片的位置。

想要在網頁上對「Button - 按鈕」進行樣式調整，通常會使用背景圖片或是使用 CSS 來調整按鈕的外觀，若要加上當滑鼠移到按鈕的上方或是離開，也會使用 Javascript 來加上，若對繪製這些圖片、Javascript 都不是很熟悉的話，還是要花一些時間來製作，若是偶而用用，建議可以到 CSS Button Designer 這個免費的按鈕樣式產生器來製作，除了可使用 CSS 改變按鈕樣式，也提供滑鼠移到按鈕的上方或是離開時的 Javascript ，製作完成後，直接複製所產生的 Code 便可應用的網頁裡，相當方便。

在許多婚慶的場合中，常會看到新人們將相識、戀愛到結婚的過程，一一用相片記錄起來後用幻燈片的方式配上浪漫的背景音樂在會場上來播放，若你也想將家中小朋友的成長過程、旅遊...等等的相片製作成影片來播放時，可以來試試這套 Cute Photo Slideshow Free 免費工具，Cute Photo Slideshow Free 可將相片轉製成 SWF、FLV、WMV、MOV 或 MP4 等影片格式來播放之外，還可加入背景音樂、轉場時間與轉場特效、可調整的 BitRate 與 Frame rate，另外還有項很棒的解析度調整功能，讓你可以製作不同的 Frame Size 從 128X96 到 1280X960 都可調整，方便你在不同的裝置上使用不同的解析度。Cute Photo Slideshow Free 操作簡單，沒有門檻，新手即可輕鬆入門有需要的朋友一定要試試。

Da Button Factory 是一個可以在線上製作網頁按鈕的免費產生器，所產生的網頁按鈕會包含已使用的背景圖片(PNG、GIF、JPEG、ICO)及相對應的 CSS 程式碼可供下載，讓你方便應用在網頁上；Da Button Factory 可讓使用者自訂所要產生網頁按鈕的樣式，亦可參考所提供的網頁按鈕範例再行修改，讓你幾乎不需要有任何美工的技巧，就能輕易做出有水準網頁按鈕。

將作業內的工作項目以圖形的方式呈現，以軟體分析用的流程圖為例，再加入判斷後釐清工作的的先後次序，絕對會比用文字來描述來的清楚，而圖形有百百種，有些具有其專業性，有些則無，像是軟體分析用的流程圖四方形、長方形、菱形、箭頭...等不同的符號，各自被賦予不同的意涵，但若是要做沒有標準的圖形，例如網路示意圖，則就會在意使用的工具內是否提供足夠的相關圖形，可以利用，當然，繪製好的圖形，更要能提供匯出現行通用的檔案格式，才能方便流通。Draw.io 這個免費的 Web 應用程式，提供上述在內的多種符號圖形，像是通用型的基本符號、流程圖、UML、網路圖、辦公室、材料設計、工藝過程、模型、SiteMap......等所要用到的各式符號圖形，均有提供，也可以嵌入圖檔、Google 文件、iFrame...，當然，在你繪製完圖形後，所產生的檔案格式可以是 PNG、SVG、JPFEG 圖檔、PDF、HTML、URL...等，方便後續的分享與應用。

在網頁內，如果要放入其他網站內的網頁、影片，通常都會使用 iframe 標籤，然後設定 src 這個屬性將其指到目標位置即可，例如 YouTube、Vimeo、Dailymotion、Google Maps、Google 文件的嵌入語法，都是如此，但產生的原始語法並無法直接套用到自適應網頁內，因此，取得這些原始語法後，我們可以透過 Embed Responsively 這個網站來幫我們產生可自適應網頁的 iframe 語法，讓自家網站也可以在不同螢幕尺寸或裝置下提供滿足訪問者的需求。