整理“小说区、图片区、视频区”的图片素材，重点是让图片类型与栏目用途对应：小说区突出作品封面和书名信息，图片区突出单张图片的主体与细节，视频区则需要清楚的预览画面。三类素材不宜只换标题、沿用同一种裁切方式；先确定图片会出现在哪里，再选比例、尺寸和文件格式，才能保证列表中看得清，打开后也不失真。
先按栏目用途区分图片
小说区的视觉入口通常是封面、作品卡片或专题横幅。封面要让读者快速识别作品，画面主体应完整，书名和作者等文字需留出安全位置；如果文字已经包含在封面图中，缩小成列表卡片后仍要能辨认。专题横幅承担引导作用，可使用横向构图，但不应直接把竖版封面拉宽。
图片区更适合以单张作品或成组图像为核心。列表缩略图应先呈现主体，避免标题、装饰边框占去过多画面；进入详情页后再展示较大尺寸，保留纹理、颜色和构图细节。若一组图片需要连续浏览，可统一缩略图比例和边距，减少切换时画面忽大忽小的感觉。
视频区的静态图片主要承担预览和识别作用，例如视频封面、列表缩略图或专题海报。它需要让人看出内容主题，但不应让静态画面冒充视频本身。预览图要为可能出现的播放标记预留位置，并避免关键人物、物品或文字被界面按钮遮住。
| 栏目 | 优先准备的素材 | 主要用途 |
|---|---|---|
| 小说区 | 作品封面、分类卡片、专题横幅 | 识别作品、展示分类与主题 |
| 图片区 | 单图缩略图、详情大图、系列封面 | 浏览图像、查看细节、连续展示 |
| 视频区 | 视频封面、列表预览图、专题海报 | 提示视频主题、帮助区分内容 |
按展示位置确定比例和尺寸
如果素材用于移动端列表，先查看卡片实际框架，再决定裁切比例。小说封面常用竖向比例，如2:3或3:4；图片区可根据版式采用方形或4:3缩略图；视频预览常用16:9横图。它们是常见设计起点，不是所有网站都必须遵循的固定规格，最终应以页面容器和上传要求为准。
尺寸可以按目标显示大小准备。例如，竖版封面可从约600×900像素起步，方形缩略图可准备约800×800像素，16:9预览图可准备约1280×720像素。若图片要在高分辨率屏幕或详情页放大，应保留更大的原图；不要把小图强行放大，否则边缘会模糊。上传前确认系统是否会自动压缩、裁切或生成多种尺寸。
遇到图片主体靠近边缘的情况，先制作一张适配目标比例的预览图，再检查裁切后的结果；如果人物、文字或关键物品被截断，就调整主体位置或改用更宽松的构图，而不是把画面拉伸。不同栏目共用卡片框架时，也要逐张检查焦点，不能仅靠统一尺寸保证显示效果。
格式、文字和文件整理要配套
照片类素材可优先考虑JPEG或WebP，以控制文件体积；需要透明背景的标识或图形元素，可使用PNG或支持透明通道的格式。选择格式后，在实际页面查看清晰度和加载表现：压缩后出现明显色块、文字发虚或渐变断层，就应提高质量设置或换用更合适的源文件。
封面和海报如果含文字，尽量把标题放在缩略图仍可辨认的位置，并与背景保持足够对比。不要让文字贴近边缘，也不要把所有说明都塞进图片；列表尺寸较小时，过多文字只会变成难以辨认的细线。需要展示完整标题时，可让页面文字承担说明功能，图片负责传达主题。
素材文件可按栏目、用途和作品编号命名，例如区分“小说封面”“图片缩略图”“视频预览图”，避免同名文件互相覆盖。为每张图填写能描述画面内容的替代文本；若图片只是装饰，不要在说明里重复无关信息。这样整理后，设计、替换和维护都更容易定位。
发布前用实际页面确认效果
把图片放入真实卡片和详情页后，分别检查手机与电脑显示。若小说封面标题看不清，调整封面文字位置或列表尺寸；若图片区主体被切掉，修改焦点或单独导出适配图；若视频预览被按钮遮挡，移动关键画面并重新查看。最后确认图片没有拉伸、边缘没有意外裁切、压缩后细节仍可接受，并核对素材的使用范围。完成这些检查，三类栏目就能保持各自辨识度，同时在同一页面中呈现一致的视觉质量。
