[{"data":1,"prerenderedAt":757},["ShallowReactive",2],{"guide-svg-compress":3,"related-svg-compress":198},{"id":4,"title":5,"body":6,"category":175,"description":176,"extension":177,"keywords":178,"meta":184,"navigation":185,"path":186,"readingTime":187,"relatedTools":188,"seo":193,"stem":194,"type":195,"updatedAt":196,"__hash__":197},"guides\u002Fhelp\u002Fguides\u002Fsvg-compress.md","SVG压缩使用指南：把矢量图标文件变得很小",{"type":7,"value":8,"toc":163},"minimark",[9,19,26,30,39,45,51,57,61,89,93,113,116,119,122,128,134,140,143],[10,11,12,13,18],"p",{},"网页里SVG太多、文件偏大，页面加载变慢？91AI工具的",[14,15,17],"a",{"href":16},"\u002Ftools\u002Fsvg-compress","SVG压缩工具","帮你在线把SVG变小。",[10,20,21],{},[22,23],"img",{"alt":24,"src":25},"SVG压缩工具界面","\u002Fimages\u002Ftools\u002Fsvg-compress.png",[27,28,29],"h2",{"id":29},"如何使用",[10,31,32,36,37],{},[33,34,35],"strong",{},"第一步","：打开",[14,38,17],{"href":16},[10,40,41,44],{},[33,42,43],{},"第二步","：上传需要优化的SVG文件",[10,46,47,50],{},[33,48,49],{},"第三步","：在线精简SVG中的冗余代码与属性",[10,52,53,56],{},[33,54,55],{},"第四步","：下载压缩后更小的SVG文件",[27,58,60],{"id":59},"压缩svg带来的好处","压缩SVG带来的好处",[62,63,64,71,77,83],"ul",{},[65,66,67,70],"li",{},[33,68,69],{},"体积更小","：移除冗余代码与属性，文件显著变小",[65,72,73,76],{},[33,74,75],{},"加载更快","：SVG体积变小，网页加载更迅速流畅",[65,78,79,82],{},[33,80,81],{},"保留质量","：矢量缩放不模糊，图片质量仍然清晰",[65,84,85,88],{},[33,86,87],{},"在线优化","：无需安装开发或图像软件，浏览器开即用",[90,91,92],"h3",{"id":92},"应用场景",[62,94,95,101,107],{},[65,96,97,100],{},[33,98,99],{},"网页切图","：把UI切图、图标等SVG压缩后提升页面性能",[65,102,103,106],{},[33,104,105],{},"字体与图标","：压缩体积较小图标素材，节省资源",[65,108,109,112],{},[33,110,111],{},"设计交付","：把体积偏大的SVG优化后再交付或上传",[90,114,115],{"id":115},"使用技巧",[10,117,118],{},"保留必要的矢量信息，压缩后可正常查看，确认图标清晰、无明显失真即可。",[90,120,121],{"id":121},"常见问题",[10,123,124,127],{},[33,125,126],{},"Q: 压缩会变模糊吗？"," 不会，SVG是矢量，缩放仍清晰。",[10,129,130,133],{},[33,131,132],{},"Q: 支持单文件压缩吗？"," 支持，可把单个或多个SVG在线压缩。",[10,135,136,139],{},[33,137,138],{},"Q: 需要安装软件吗？"," 不需要，浏览器处理即可。",[27,141,142],{"id":142},"相关工具",[62,144,145,151,157],{},[65,146,147],{},[14,148,150],{"href":149},"\u002Ftools\u002Fimg-compress","图片压缩",[65,152,153],{},[14,154,156],{"href":155},"\u002Ftools\u002Fimage-to-icon","图片转SVG",[65,158,159],{},[14,160,162],{"href":161},"\u002Ftools\u002Fimg-resize","图片缩放",{"title":164,"searchDepth":165,"depth":165,"links":166},"",2,[167,168,174],{"id":29,"depth":165,"text":29},{"id":59,"depth":165,"text":60,"children":169},[170,172,173],{"id":92,"depth":171,"text":92},3,{"id":115,"depth":171,"text":115},{"id":121,"depth":171,"text":121},{"id":142,"depth":165,"text":142},"image","在线SVG压缩指南，解决前端SVG图标多、代码冗余字符导致页面加载慢的痛点，详解浏览器压缩SVG优化文件方法。介绍精简路径与冗余属性、矢量缩放保持清晰、对比压缩前后大小，适合网页图标、切图、字体资源优化，在无需安装开发软件在线压缩，转换完成自动删除文件保护隐私，让生成的SVG文件体积更小、加载更快质量好。","md",[179,180,181,182,183],"SVG压缩","SVG优化","SVG变大","矢量压缩","SVG图标减小",{},true,"\u002Fhelp\u002Fguides\u002Fsvg-compress",4,[189,190,191,192],"svg-compress","img-compress","image-to-icon","img-resize",{"title":5,"description":176},"help\u002Fguides\u002Fsvg-compress","guide","2026-08-07","8p64Ign_NK-ncffhroyv8daTd0323mG3xWl6b5Izwes",[199,386,585],{"id":200,"title":201,"body":202,"category":175,"description":369,"extension":177,"keywords":370,"meta":377,"navigation":185,"path":378,"readingTime":187,"relatedTools":379,"seo":382,"stem":383,"type":195,"updatedAt":384,"__hash__":385},"guides\u002Fhelp\u002Fguides\u002Fcolor-tools.md","在线颜色工具使用指南：颜色代码互转与拾色器",{"type":7,"value":203,"toc":359},[204,207,210,213,216,220,228,232,235,238,325,328,331,334],[10,205,206],{},"在线颜色工具支持拾色器选色、HEX\u002FRGB\u002FHSL\u002FHSV\u002FCMYK五种颜色格式实时互转，所有计算在浏览器本地完成，无需上传数据。",[27,208,209],{"id":209},"核心功能",[90,211,212],{"id":212},"颜色选择器",[10,214,215],{},"点击拾色器按钮，从可视化面板中选择任意颜色。选取后所有格式自动同步显示。",[90,217,219],{"id":218},"hex颜色输入","HEX颜色输入",[10,221,222,223,227],{},"直接输入十六进制颜色值（如 ",[224,225,226],"code",{},"#3498db","），支持3位简写格式。输入即自动计算其他格式。",[90,229,231],{"id":230},"rgb数值调节","RGB数值调节",[10,233,234],{},"分别调整红(R)、绿(G)、蓝(B)三个通道（0-255），实时看到颜色变化。",[90,236,237],{"id":237},"五种格式互转",[239,240,241,256],"table",{},[242,243,244],"thead",{},[245,246,247,251,254],"tr",{},[248,249,250],"th",{},"格式",[248,252,253],{},"示例",[248,255,92],{},[257,258,259,273,286,299,312],"tbody",{},[245,260,261,265,270],{},[262,263,264],"td",{},"HEX",[262,266,267],{},[224,268,269],{},"#2ecc71",[262,271,272],{},"网页开发",[245,274,275,278,283],{},[262,276,277],{},"RGB",[262,279,280],{},[224,281,282],{},"rgb(46,204,113)",[262,284,285],{},"CSS样式",[245,287,288,291,296],{},[262,289,290],{},"HSL",[262,292,293],{},[224,294,295],{},"hsl(145,63%,49%)",[262,297,298],{},"配色设计",[245,300,301,304,309],{},[262,302,303],{},"HSV",[262,305,306],{},[224,307,308],{},"hsv(145,77%,80%)",[262,310,311],{},"图形软件",[245,313,314,317,322],{},[262,315,316],{},"CMYK",[262,318,319],{},[224,320,321],{},"cmyk(77%,0%,45%,0%)",[262,323,324],{},"印刷输出",[90,326,327],{"id":327},"一键复制",[10,329,330],{},"每个颜色值旁都有复制按钮，点击即可将对应格式复制到剪贴板。",[27,332,333],{"id":333},"使用场景",[62,335,336,341,347,353],{},[65,337,338,340],{},[33,339,272],{},"：从设计稿获取HEX颜色，转换为CSS中需要的RGB或HSL格式",[65,342,343,346],{},[33,344,345],{},"UI设计","：使用HSL模式快速调整色相、饱和度和亮度，生成同色系配色",[65,348,349,352],{},[33,350,351],{},"印刷设计","：将屏幕颜色的HEX\u002FRGB转换为CMYK格式，确保印刷色彩准确",[65,354,355,358],{},[33,356,357],{},"日常取色","：从网页或图片中获取颜色值，用于设计项目",{"title":164,"searchDepth":165,"depth":165,"links":360},[361,368],{"id":209,"depth":165,"text":209,"children":362},[363,364,365,366,367],{"id":212,"depth":171,"text":212},{"id":218,"depth":171,"text":219},{"id":230,"depth":171,"text":231},{"id":237,"depth":171,"text":237},{"id":327,"depth":171,"text":327},{"id":333,"depth":165,"text":333},"免费在线颜色工具使用指南，支持颜色选择器、HEX\u002FRGB\u002FHSL\u002FHSV\u002FCMYK格式互转，实时预览颜色效果，一键复制颜色值。纯前端处理，无需上传，保护隐私。",[371,372,373,374,375,376],"颜色工具使用","颜色代码转换","HEX转RGB","在线拾色器","HSL转换","CMYK转换",{},"\u002Fhelp\u002Fguides\u002Fcolor-tools",[380,191,381],"color-tools","qr-code-generator",{"title":201,"description":369},"help\u002Fguides\u002Fcolor-tools","2026-06-18","U1Tx72EwT2i01JuD3hVBQIreMrKvxsvIV-9csFSPq-Y",{"id":387,"title":388,"body":389,"category":175,"description":567,"extension":177,"keywords":568,"meta":575,"navigation":185,"path":576,"readingTime":171,"relatedTools":577,"seo":581,"stem":582,"type":195,"updatedAt":583,"__hash__":584},"guides\u002Fhelp\u002Fguides\u002Fid-photo.md","证件照制作使用指南：在线生成标准证件照",{"type":7,"value":390,"toc":561},[391,394,397,435,438,463,466,544,547],[10,392,393],{},"证件照制作工具支持在线生成标准证件照，无需前往照相馆。",[27,395,396],{"id":396},"功能特点",[62,398,399,405,411,417,423,429],{},[65,400,401,404],{},[33,402,403],{},"标准尺寸","：一寸、二寸、小一寸、小二寸等预设尺寸",[65,406,407,410],{},[33,408,409],{},"背景更换","：自动抠图，换白底、蓝底、红底",[65,412,413,416],{},[33,414,415],{},"人像美化","：亮度、对比度调节",[65,418,419,422],{},[33,420,421],{},"一键换装","：智能换装功能（可选）",[65,424,425,428],{},[33,426,427],{},"批量处理","：同时处理多人证件照",[65,430,431,434],{},[33,432,433],{},"高清输出","：支持打印分辨率输出",[27,436,437],{"id":437},"使用步骤",[439,440,441,448,451,454,457,460],"ol",{},[65,442,443,444],{},"打开",[14,445,447],{"href":446},"\u002Ftools\u002Fid-photo","证件照制作工具",[65,449,450],{},"上传正面人像照片",[65,452,453],{},"选择需要的证件照尺寸",[65,455,456],{},"选择背景颜色（白底\u002F蓝底\u002F红底）",[65,458,459],{},"调整人像位置和大小",[65,461,462],{},"预览效果后下载",[27,464,465],{"id":465},"常见证件照尺寸",[239,467,468,481],{},[242,469,470],{},[245,471,472,475,478],{},[248,473,474],{},"类型",[248,476,477],{},"尺寸",[248,479,480],{},"背景色",[257,482,483,494,504,515,525,535],{},[245,484,485,488,491],{},[262,486,487],{},"一寸",[262,489,490],{},"25mm×35mm",[262,492,493],{},"白底\u002F蓝底\u002F红底",[245,495,496,499,502],{},[262,497,498],{},"二寸",[262,500,501],{},"35mm×49mm",[262,503,493],{},[245,505,506,509,512],{},[262,507,508],{},"小一寸",[262,510,511],{},"22mm×32mm",[262,513,514],{},"白底\u002F蓝底",[245,516,517,520,523],{},[262,518,519],{},"小二寸",[262,521,522],{},"33mm×48mm",[262,524,514],{},[245,526,527,530,532],{},[262,528,529],{},"护照",[262,531,522],{},[262,533,534],{},"白底",[245,536,537,540,542],{},[262,538,539],{},"驾驶证",[262,541,511],{},[262,543,534],{},[27,545,546],{"id":546},"拍照建议",[62,548,549,552,555,558],{},[65,550,551],{},"正面免冠，表情自然",[65,553,554],{},"光线均匀，避免阴阳脸",[65,556,557],{},"穿深色有领上衣效果最佳",[65,559,560],{},"背景为纯色，避免复杂图案",{"title":164,"searchDepth":165,"depth":165,"links":562},[563,564,565,566],{"id":396,"depth":165,"text":396},{"id":437,"depth":165,"text":437},{"id":465,"depth":165,"text":465},{"id":546,"depth":165,"text":546},"免费在线证件照制作工具使用指南，支持更换背景色（白底、蓝底、红底）、裁剪尺寸、一键换装。纯前端本地处理保护隐私。",[569,570,571,572,573,574],"证件照制作","证件照换背景","在线证件照","一寸照","二寸照","照片换底",{},"\u002Fhelp\u002Fguides\u002Fid-photo",[578,579,580],"id-photo","image-watermark","img-to-text",{"title":388,"description":567},"help\u002Fguides\u002Fid-photo","2026-06-23","iz_2zZhbayiewOYlCBVWxRZFIe-2hkLmmHvpnHUQWEg",{"id":586,"title":587,"body":588,"category":175,"description":744,"extension":177,"keywords":745,"meta":749,"navigation":185,"path":750,"readingTime":171,"relatedTools":751,"seo":754,"stem":755,"type":195,"updatedAt":583,"__hash__":756},"guides\u002Fhelp\u002Fguides\u002Fimage-stitch.md","图片拼接使用指南：横向纵向拼接多张图片",{"type":7,"value":589,"toc":739},[590,593,595,639,641,664,667],[10,591,592],{},"图片拼接工具支持将多张图片横向或纵向合并为一张大图。",[27,594,396],{"id":396},[62,596,597,603,609,615,621,627,633],{},[65,598,599,602],{},[33,600,601],{},"横向拼接","：图片水平排列，适合全景图、对比图",[65,604,605,608],{},[33,606,607],{},"纵向拼接","：图片垂直排列，适合长截图、文章配图",[65,610,611,614],{},[33,612,613],{},"间距调整","：0-50像素自由调节",[65,616,617,620],{},[33,618,619],{},"对齐方式","：左对齐、居中、右对齐",[65,622,623,626],{},[33,624,625],{},"边距设置","：外边框留白，0-50像素",[65,628,629,632],{},[33,630,631],{},"背景颜色","：自定义间距区域的背景色",[65,634,635,638],{},[33,636,637],{},"拖拽排序","：调整图片排列顺序",[27,640,437],{"id":437},[439,642,643,649,652,655,658,661],{},[65,644,443,645],{},[14,646,648],{"href":647},"\u002Ftools\u002Fimage-stitch","图片拼接工具",[65,650,651],{},"上传需要拼接的图片（支持多选）",[65,653,654],{},"选择拼接方向（横向\u002F纵向）",[65,656,657],{},"调整间距、对齐方式和边距",[65,659,660],{},"点击\"预览\"查看效果",[65,662,663],{},"满意后下载拼接图片",[27,665,666],{"id":666},"推荐设置",[239,668,669,685],{},[242,670,671],{},[245,672,673,676,679,682],{},[248,674,675],{},"场景",[248,677,678],{},"方向",[248,680,681],{},"间距",[248,683,684],{},"对齐",[257,686,687,701,714,727],{},[245,688,689,692,695,698],{},[262,690,691],{},"全景图",[262,693,694],{},"横向",[262,696,697],{},"0",[262,699,700],{},"居中",[245,702,703,706,708,711],{},[262,704,705],{},"产品对比",[262,707,694],{},[262,709,710],{},"10-20",[262,712,713],{},"底部",[245,715,716,719,722,725],{},[262,717,718],{},"长截图",[262,720,721],{},"纵向",[262,723,724],{},"2-5",[262,726,700],{},[245,728,729,732,734,737],{},[262,730,731],{},"作品集",[262,733,721],{},[262,735,736],{},"15-30",[262,738,700],{},{"title":164,"searchDepth":165,"depth":165,"links":740},[741,742,743],{"id":396,"depth":165,"text":396},{"id":437,"depth":165,"text":437},{"id":666,"depth":165,"text":666},"免费在线图片拼接工具使用指南，支持横向和纵向拼接图片，自定义间距、对齐方式、边距和背景颜色。纯前端本地处理。",[746,747,748,601,607,718],"图片拼接","拼图工具","图片合并",{},"\u002Fhelp\u002Fguides\u002Fimage-stitch",[752,579,753],"image-stitch","meme-maker",{"title":587,"description":744},"help\u002Fguides\u002Fimage-stitch","OQ1YCyw_fuGLHNZ2BqU6MblvMIuRGFFcvOGy5vz4unQ",1786075945748]