繁體中文

用 Photoshop 創建電郵的提示

對齊切片

嘗試將所有切片水平、整齊地對齊,並減少垂直跨越的切片。

水平橫跨的表格單元格是可被接受的,但是垂直跨越的單元格在 Outlook 裡可能會顯示失敗。

請這樣做:

保持切片簡單整齊
保持切片簡單整齊

請不要:

太多垂直跨越的切片
太多垂直跨越的切片

僅將有需要加入超連結的地方進行切片

在上面提示的基礎上,只將有需要加入超連結的地方進行切片,減少切片的數量。

否則,Outlook 可能無法識別複雜的 HTML 代碼而導致你的電郵錯位。

請這樣做:

如果你只想在圖片、 [Learn more] 以及 [Try it free] 按鈕加入超連結,只需在你需要的地方切片,並保持切片的整齊。

只為超連結的地方切片
只為超連結的地方切片

請不要:

如果段落標題不是可點擊的,則不需要在此進行切片。

太多不必要的切片
太多不必要的切片

將切片之後的圖像儲存為 HTML 文件

步驟 1:保存切片圖像為 Web 格式

在切片之後,選擇在 [文件] 菜單下的 [存儲為Web所用格式],選擇合適的圖片格式,然後點擊 [儲存]

存儲為Web所用格式
存儲為Web所用格式

步驟 2:優化設定

[Save Optimized As] 設定中,在 ]Format] 中選擇 [HTML and Images],在 [Slices] 中選擇 [All Slices],然後在 [Settings] 中,選擇 [Other...]

使用這些設定
使用這些設定

步驟 3:輸出設定

[HTML] 輸出設定中,勾選 [Output XHTML]

勾選 [Output XHTML]
勾選 [Output XHTML]

然後進入 [Slices] 的輸出設定版面,在 [TD W&H] 欄,選擇 [Always]

[Always] 意味著總是在 <td> 裡設定了高度和寬度
[Always] 意味著總是在 <td> 裡設定了高度和寬度

步驟 4:加入 border="0" 和 style="display: block;"

將文件儲存為 HTML 文件後,打開 HTML 文件。

在所有的 <img> 標籤上加入 border="0"style="display: block;"

加入前<img src="images/banner.jpg" width="600" height="50" alt="Banner" />
加入後<img style="display: block;" border="0" src="images/banner.jpg" width="600" height="50" alt="Banner" />

了解更多關於這一步驟的信息,請看準備 HTML 電郵的提示 - 關於圖像 - 提示 3 和 4