{"id":116418,"date":"2026-10-21T10:24:38","date_gmt":"2026-10-21T02:24:38","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/116418.html"},"modified":"2026-10-21T10:24:38","modified_gmt":"2026-10-21T02:24:38","slug":"%e7%bd%91%e9%a1%b5%e5%9b%be%e6%a0%87favicon%ef%bc%9a%e5%a6%82%e4%bd%95%e7%bb%99%e7%bd%91%e7%ab%99%e5%8a%a0%e4%b8%8a%e5%b0%8f%e5%9b%be%e6%a0%87%ef%bc%9f","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/116418.html","title":{"rendered":"\u7f51\u9875\u56fe\u6807favicon\uff1a\u5982\u4f55\u7ed9\u7f51\u7ad9\u52a0\u4e0a\u5c0f\u56fe\u6807\uff1f"},"content":{"rendered":"
\n

\u4e00\u3001\u5c0f\u56fe\u6807，\u5927\u95e8\u9762<\/h3>\n

\u4e0d\u77e5\u9053\u4f60\u6709\u6ca1\u6709\u6ce8\u610f\u8fc7，\u6d4f\u89c8\u5668\u6bcf\u4e2a\u6807\u7b7e\u9875\u7684\u5de6\u4fa7，\u90fd\u6709\u4e00\u4e2a\u5c0f\u5c0f\u7684\u56fe\u6807\u2014\u2014\u5b83\u5c31\u662f favicon（ favorites icon \u7684\u7f29\u5199，\u610f\u4e3a"\u6536\u85cf\u5939\u56fe\u6807"）\u3002<\/p>\n

\u8fd9\u4e2a\u56fe\u6807\u867d\u7136\u5f88\u5c0f（\u901a\u5e38\u53ea\u670916\u00d716\u50cf\u7d20），\u4f46\u5b83\u7684\u4f5c\u7528\u53ef\u4e0d\u5c0f\u3002\u5b83\u5c31\u50cf\u7f51\u7ad9\u7684"\u5934\u50cf"，\u662f\u54c1\u724c\u5f62\u8c61\u7684\u91cd\u8981\u7ec4\u6210\u90e8\u5206\u3002\u5728\u4e00\u5806\u6253\u5f00\u7684\u6807\u7b7e\u9875\u4e2d，\u7528\u6237\u901a\u8fc7favicon\u5c31\u80fd\u5feb\u901f\u8bc6\u522b\u54ea\u4e2a\u662f\u4f60\u7684\u7f51\u7ad9\u3002\u6536\u85cf\u7f51\u7ad9\u65f6，favicon\u4e5f\u4f1a\u548c\u6807\u9898\u4e00\u8d77\u4fdd\u5b58\u4e0b\u6765\u3002<\/p>\n

\u8fd9\u7bc7\u6587\u7ae0，\u6211\u4eec\u5c31\u6765\u804a\u804afavicon\u8fd9\u4e2a\u5c0f\u4e1c\u897f\u2014\u2014\u5b83\u662f\u4ec0\u4e48\u3001\u6709\u4ec0\u4e48\u7528\u3001\u600e\u4e48\u505a\u3001\u600e\u4e48\u52a0\u5230\u7f51\u7ad9\u4e0a，\u4ee5\u53ca\u6709\u54ea\u4e9b\u6ce8\u610f\u4e8b\u9879\u3002<\/p>\n

1.1 \u4ec0\u4e48\u662ffavicon<\/h4>\n

favicon\u662f\u663e\u793a\u5728\u6d4f\u89c8\u5668\u6807\u7b7e\u9875\u3001\u5730\u5740\u680f\u3001\u4e66\u7b7e\u3001\u5386\u53f2\u8bb0\u5f55\u4e2d\u7684\u5c0f\u56fe\u6807，\u7528\u6765\u6807\u8bc6\u4e00\u4e2a\u7f51\u7ad9\u3002<\/p>\n

#mermaid-svg-0oLr9oIq6Yk31nmn{font-family:\\”trebuchet ms\\”,verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-0oLr9oIq6Yk31nmn .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-0oLr9oIq6Yk31nmn .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-0oLr9oIq6Yk31nmn .error-icon{fill:#552222;}#mermaid-svg-0oLr9oIq6Yk31nmn .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-0oLr9oIq6Yk31nmn .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-0oLr9oIq6Yk31nmn .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-0oLr9oIq6Yk31nmn .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-0oLr9oIq6Yk31nmn .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-0oLr9oIq6Yk31nmn .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-0oLr9oIq6Yk31nmn .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-0oLr9oIq6Yk31nmn .marker{fill:#333333;stroke:#333333;}#mermaid-svg-0oLr9oIq6Yk31nmn .marker.cross{stroke:#333333;}#mermaid-svg-0oLr9oIq6Yk31nmn svg{font-family:\\”trebuchet ms\\”,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-0oLr9oIq6Yk31nmn p{margin:0;}#mermaid-svg-0oLr9oIq6Yk31nmn .label{font-family:\\”trebuchet ms\\”,verdana,arial,sans-serif;color:#333;}#mermaid-svg-0oLr9oIq6Yk31nmn .cluster-label text{fill:#333;}#mermaid-svg-0oLr9oIq6Yk31nmn .cluster-label span{color:#333;}#mermaid-svg-0oLr9oIq6Yk31nmn .cluster-label span p{background-color:transparent;}#mermaid-svg-0oLr9oIq6Yk31nmn .label text,#mermaid-svg-0oLr9oIq6Yk31nmn span{fill:#333;color:#333;}#mermaid-svg-0oLr9oIq6Yk31nmn .node rect,#mermaid-svg-0oLr9oIq6Yk31nmn .node circle,#mermaid-svg-0oLr9oIq6Yk31nmn .node ellipse,#mermaid-svg-0oLr9oIq6Yk31nmn .node polygon,#mermaid-svg-0oLr9oIq6Yk31nmn .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-0oLr9oIq6Yk31nmn .rough-node .label text,#mermaid-svg-0oLr9oIq6Yk31nmn .node .label text,#mermaid-svg-0oLr9oIq6Yk31nmn .image-shape .label,#mermaid-svg-0oLr9oIq6Yk31nmn .icon-shape .label{text-anchor:middle;}#mermaid-svg-0oLr9oIq6Yk31nmn .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-0oLr9oIq6Yk31nmn .rough-node .label,#mermaid-svg-0oLr9oIq6Yk31nmn .node .label,#mermaid-svg-0oLr9oIq6Yk31nmn .image-shape .label,#mermaid-svg-0oLr9oIq6Yk31nmn .icon-shape .label{text-align:center;}#mermaid-svg-0oLr9oIq6Yk31nmn .node.clickable{cursor:pointer;}#mermaid-svg-0oLr9oIq6Yk31nmn .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-0oLr9oIq6Yk31nmn .arrowheadPath{fill:#333333;}#mermaid-svg-0oLr9oIq6Yk31nmn .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-0oLr9oIq6Yk31nmn .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-0oLr9oIq6Yk31nmn .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-0oLr9oIq6Yk31nmn .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-0oLr9oIq6Yk31nmn .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-0oLr9oIq6Yk31nmn .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-0oLr9oIq6Yk31nmn .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-0oLr9oIq6Yk31nmn .cluster text{fill:#333;}#mermaid-svg-0oLr9oIq6Yk31nmn .cluster span{color:#333;}#mermaid-svg-0oLr9oIq6Yk31nmn div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:\\”trebuchet ms\\”,verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-0oLr9oIq6Yk31nmn .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-0oLr9oIq6Yk31nmn rect.text{fill:none;stroke-width:0;}#mermaid-svg-0oLr9oIq6Yk31nmn .icon-shape,#mermaid-svg-0oLr9oIq6Yk31nmn .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-0oLr9oIq6Yk31nmn .icon-shape p,#mermaid-svg-0oLr9oIq6Yk31nmn .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-0oLr9oIq6Yk31nmn .icon-shape .label rect,#mermaid-svg-0oLr9oIq6Yk31nmn .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-0oLr9oIq6Yk31nmn .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-0oLr9oIq6Yk31nmn .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-0oLr9oIq6Yk31nmn :root{–mermaid-font-family:\\”trebuchet ms\\”,verdana,arial,sans-serif;}<\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/p>\n

favicon\u663e\u793a\u5728\u54ea\u91cc<\/p>\n

<\/span><\/p>\n

<\/p>\n

\u6d4f\u89c8\u5668\u6807\u7b7e\u9875<\/p>\n

<\/span><\/p>\n

<\/p>\n

\u5730\u5740\u680f\u5de6\u4fa7<\/p>\n

<\/span><\/p>\n

<\/p>\n

\u4e66\u7b7e\/\u6536\u85cf\u5939<\/p>\n

<\/span><\/p>\n

<\/p>\n

\u5386\u53f2\u8bb0\u5f55<\/p>\n

<\/span><\/p>\n

<\/p>\n

\u684c\u9762\u5feb\u6377\u65b9\u5f0f<\/p>\n

<\/span><\/p>\n

<\/p>\n

\u79fb\u52a8\u7aef\u4e3b\u5c4f\u5e55\u56fe\u6807<\/p>\n

<\/span><\/p>\n

favicon\u7684\u5386\u53f2：<\/p>\n

favicon\u6700\u65e9\u662f\u5fae\u8f6f\u5728IE5\u4e2d\u5f15\u5165\u7684\u529f\u80fd，\u5f53\u65f6\u53ea\u652f\u6301 .ico \u683c\u5f0f，\u653e\u5728\u7f51\u7ad9\u6839\u76ee\u5f55\u4e0b\u547d\u540d\u4e3a favicon.ico \u5c31\u4f1a\u81ea\u52a8\u751f\u6548\u3002<\/p>\n

\u540e\u6765\u5404\u5927\u6d4f\u89c8\u5668\u90fd\u652f\u6301\u4e86\u8fd9\u4e2a\u529f\u80fd，\u5e76\u4e14\u6269\u5c55\u652f\u6301\u4e86PNG\u3001SVG\u7b49\u66f4\u591a\u683c\u5f0f\u3002\u73b0\u5728favicon\u5df2\u7ecf\u662f\u6bcf\u4e2a\u7f51\u7ad9\u7684\u6807\u914d\u4e86\u3002<\/p>\n

1.2 \u4e3a\u4ec0\u4e48\u8981\u6709favicon<\/h4>\n

\u4e5f\u8bb8\u4f60\u4f1a\u89c9\u5f97：\u201c\u4e00\u4e2a\u5c0f\u56fe\u6807\u800c\u5df2，\u6709\u6ca1\u6709\u65e0\u6240\u8c13\u5427？\u201d<\/p>\n

\u5176\u5b9efavicon\u867d\u7136\u5c0f，\u4f46\u5b83\u7684\u4f5c\u7528\u4e0d\u5c0f：<\/p>\n

#mermaid-svg-3DY4DLdbUzi8148T{font-family:\\”trebuchet ms\\”,verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-3DY4DLdbUzi8148T .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-3DY4DLdbUzi8148T .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-3DY4DLdbUzi8148T .error-icon{fill:#552222;}#mermaid-svg-3DY4DLdbUzi8148T .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-3DY4DLdbUzi8148T .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-3DY4DLdbUzi8148T .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-3DY4DLdbUzi8148T .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-3DY4DLdbUzi8148T .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-3DY4DLdbUzi8148T .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-3DY4DLdbUzi8148T .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-3DY4DLdbUzi8148T .marker{fill:#333333;stroke:#333333;}#mermaid-svg-3DY4DLdbUzi8148T .marker.cross{stroke:#333333;}#mermaid-svg-3DY4DLdbUzi8148T svg{font-family:\\”trebuchet ms\\”,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-3DY4DLdbUzi8148T p{margin:0;}#mermaid-svg-3DY4DLdbUzi8148T .edge{stroke-width:3;}#mermaid-svg-3DY4DLdbUzi8148T .section–1 rect,#mermaid-svg-3DY4DLdbUzi8148T .section–1 path,#mermaid-svg-3DY4DLdbUzi8148T .section–1 circle,#mermaid-svg-3DY4DLdbUzi8148T .section–1 polygon,#mermaid-svg-3DY4DLdbUzi8148T .section–1 path{fill:hsl(240, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .section–1 text{fill:#ffffff;}#mermaid-svg-3DY4DLdbUzi8148T .node-icon–1{font-size:40px;color:#ffffff;}#mermaid-svg-3DY4DLdbUzi8148T .section-edge–1{stroke:hsl(240, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .edge-depth–1{stroke-width:17;}#mermaid-svg-3DY4DLdbUzi8148T .section–1 line{stroke:hsl(60, 100%, 86.2745098039%);stroke-width:3;}#mermaid-svg-3DY4DLdbUzi8148T .disabled,#mermaid-svg-3DY4DLdbUzi8148T .disabled circle,#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:lightgray;}#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:#efefef;}#mermaid-svg-3DY4DLdbUzi8148T .section-0 rect,#mermaid-svg-3DY4DLdbUzi8148T .section-0 path,#mermaid-svg-3DY4DLdbUzi8148T .section-0 circle,#mermaid-svg-3DY4DLdbUzi8148T .section-0 polygon,#mermaid-svg-3DY4DLdbUzi8148T .section-0 path{fill:hsl(60, 100%, 73.5294117647%);}#mermaid-svg-3DY4DLdbUzi8148T .section-0 text{fill:black;}#mermaid-svg-3DY4DLdbUzi8148T .node-icon-0{font-size:40px;color:black;}#mermaid-svg-3DY4DLdbUzi8148T .section-edge-0{stroke:hsl(60, 100%, 73.5294117647%);}#mermaid-svg-3DY4DLdbUzi8148T .edge-depth-0{stroke-width:14;}#mermaid-svg-3DY4DLdbUzi8148T .section-0 line{stroke:hsl(240, 100%, 83.5294117647%);stroke-width:3;}#mermaid-svg-3DY4DLdbUzi8148T .disabled,#mermaid-svg-3DY4DLdbUzi8148T .disabled circle,#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:lightgray;}#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:#efefef;}#mermaid-svg-3DY4DLdbUzi8148T .section-1 rect,#mermaid-svg-3DY4DLdbUzi8148T .section-1 path,#mermaid-svg-3DY4DLdbUzi8148T .section-1 circle,#mermaid-svg-3DY4DLdbUzi8148T .section-1 polygon,#mermaid-svg-3DY4DLdbUzi8148T .section-1 path{fill:hsl(80, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .section-1 text{fill:black;}#mermaid-svg-3DY4DLdbUzi8148T .node-icon-1{font-size:40px;color:black;}#mermaid-svg-3DY4DLdbUzi8148T .section-edge-1{stroke:hsl(80, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .edge-depth-1{stroke-width:11;}#mermaid-svg-3DY4DLdbUzi8148T .section-1 line{stroke:hsl(260, 100%, 86.2745098039%);stroke-width:3;}#mermaid-svg-3DY4DLdbUzi8148T .disabled,#mermaid-svg-3DY4DLdbUzi8148T .disabled circle,#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:lightgray;}#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:#efefef;}#mermaid-svg-3DY4DLdbUzi8148T .section-2 rect,#mermaid-svg-3DY4DLdbUzi8148T .section-2 path,#mermaid-svg-3DY4DLdbUzi8148T .section-2 circle,#mermaid-svg-3DY4DLdbUzi8148T .section-2 polygon,#mermaid-svg-3DY4DLdbUzi8148T .section-2 path{fill:hsl(270, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .section-2 text{fill:#ffffff;}#mermaid-svg-3DY4DLdbUzi8148T .node-icon-2{font-size:40px;color:#ffffff;}#mermaid-svg-3DY4DLdbUzi8148T .section-edge-2{stroke:hsl(270, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .edge-depth-2{stroke-width:8;}#mermaid-svg-3DY4DLdbUzi8148T .section-2 line{stroke:hsl(90, 100%, 86.2745098039%);stroke-width:3;}#mermaid-svg-3DY4DLdbUzi8148T .disabled,#mermaid-svg-3DY4DLdbUzi8148T .disabled circle,#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:lightgray;}#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:#efefef;}#mermaid-svg-3DY4DLdbUzi8148T .section-3 rect,#mermaid-svg-3DY4DLdbUzi8148T .section-3 path,#mermaid-svg-3DY4DLdbUzi8148T .section-3 circle,#mermaid-svg-3DY4DLdbUzi8148T .section-3 polygon,#mermaid-svg-3DY4DLdbUzi8148T .section-3 path{fill:hsl(300, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .section-3 text{fill:black;}#mermaid-svg-3DY4DLdbUzi8148T .node-icon-3{font-size:40px;color:black;}#mermaid-svg-3DY4DLdbUzi8148T .section-edge-3{stroke:hsl(300, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .edge-depth-3{stroke-width:5;}#mermaid-svg-3DY4DLdbUzi8148T .section-3 line{stroke:hsl(120, 100%, 86.2745098039%);stroke-width:3;}#mermaid-svg-3DY4DLdbUzi8148T .disabled,#mermaid-svg-3DY4DLdbUzi8148T .disabled circle,#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:lightgray;}#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:#efefef;}#mermaid-svg-3DY4DLdbUzi8148T .section-4 rect,#mermaid-svg-3DY4DLdbUzi8148T .section-4 path,#mermaid-svg-3DY4DLdbUzi8148T .section-4 circle,#mermaid-svg-3DY4DLdbUzi8148T .section-4 polygon,#mermaid-svg-3DY4DLdbUzi8148T .section-4 path{fill:hsl(330, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .section-4 text{fill:black;}#mermaid-svg-3DY4DLdbUzi8148T .node-icon-4{font-size:40px;color:black;}#mermaid-svg-3DY4DLdbUzi8148T .section-edge-4{stroke:hsl(330, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .edge-depth-4{stroke-width:2;}#mermaid-svg-3DY4DLdbUzi8148T .section-4 line{stroke:hsl(150, 100%, 86.2745098039%);stroke-width:3;}#mermaid-svg-3DY4DLdbUzi8148T .disabled,#mermaid-svg-3DY4DLdbUzi8148T .disabled circle,#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:lightgray;}#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:#efefef;}#mermaid-svg-3DY4DLdbUzi8148T .section-5 rect,#mermaid-svg-3DY4DLdbUzi8148T .section-5 path,#mermaid-svg-3DY4DLdbUzi8148T .section-5 circle,#mermaid-svg-3DY4DLdbUzi8148T .section-5 polygon,#mermaid-svg-3DY4DLdbUzi8148T .section-5 path{fill:hsl(0, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .section-5 text{fill:black;}#mermaid-svg-3DY4DLdbUzi8148T .node-icon-5{font-size:40px;color:black;}#mermaid-svg-3DY4DLdbUzi8148T .section-edge-5{stroke:hsl(0, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .edge-depth-5{stroke-width:-1;}#mermaid-svg-3DY4DLdbUzi8148T .section-5 line{stroke:hsl(180, 100%, 86.2745098039%);stroke-width:3;}#mermaid-svg-3DY4DLdbUzi8148T .disabled,#mermaid-svg-3DY4DLdbUzi8148T .disabled circle,#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:lightgray;}#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:#efefef;}#mermaid-svg-3DY4DLdbUzi8148T .section-6 rect,#mermaid-svg-3DY4DLdbUzi8148T .section-6 path,#mermaid-svg-3DY4DLdbUzi8148T .section-6 circle,#mermaid-svg-3DY4DLdbUzi8148T .section-6 polygon,#mermaid-svg-3DY4DLdbUzi8148T .section-6 path{fill:hsl(30, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .section-6 text{fill:black;}#mermaid-svg-3DY4DLdbUzi8148T .node-icon-6{font-size:40px;color:black;}#mermaid-svg-3DY4DLdbUzi8148T .section-edge-6{stroke:hsl(30, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .edge-depth-6{stroke-width:-4;}#mermaid-svg-3DY4DLdbUzi8148T .section-6 line{stroke:hsl(210, 100%, 86.2745098039%);stroke-width:3;}#mermaid-svg-3DY4DLdbUzi8148T .disabled,#mermaid-svg-3DY4DLdbUzi8148T .disabled circle,#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:lightgray;}#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:#efefef;}#mermaid-svg-3DY4DLdbUzi8148T .section-7 rect,#mermaid-svg-3DY4DLdbUzi8148T .section-7 path,#mermaid-svg-3DY4DLdbUzi8148T .section-7 circle,#mermaid-svg-3DY4DLdbUzi8148T .section-7 polygon,#mermaid-svg-3DY4DLdbUzi8148T .section-7 path{fill:hsl(90, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .section-7 text{fill:black;}#mermaid-svg-3DY4DLdbUzi8148T .node-icon-7{font-size:40px;color:black;}#mermaid-svg-3DY4DLdbUzi8148T .section-edge-7{stroke:hsl(90, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .edge-depth-7{stroke-width:-7;}#mermaid-svg-3DY4DLdbUzi8148T .section-7 line{stroke:hsl(270, 100%, 86.2745098039%);stroke-width:3;}#mermaid-svg-3DY4DLdbUzi8148T .disabled,#mermaid-svg-3DY4DLdbUzi8148T .disabled circle,#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:lightgray;}#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:#efefef;}#mermaid-svg-3DY4DLdbUzi8148T .section-8 rect,#mermaid-svg-3DY4DLdbUzi8148T .section-8 path,#mermaid-svg-3DY4DLdbUzi8148T .section-8 circle,#mermaid-svg-3DY4DLdbUzi8148T .section-8 polygon,#mermaid-svg-3DY4DLdbUzi8148T .section-8 path{fill:hsl(150, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .section-8 text{fill:black;}#mermaid-svg-3DY4DLdbUzi8148T .node-icon-8{font-size:40px;color:black;}#mermaid-svg-3DY4DLdbUzi8148T .section-edge-8{stroke:hsl(150, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .edge-depth-8{stroke-width:-10;}#mermaid-svg-3DY4DLdbUzi8148T .section-8 line{stroke:hsl(330, 100%, 86.2745098039%);stroke-width:3;}#mermaid-svg-3DY4DLdbUzi8148T .disabled,#mermaid-svg-3DY4DLdbUzi8148T .disabled circle,#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:lightgray;}#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:#efefef;}#mermaid-svg-3DY4DLdbUzi8148T .section-9 rect,#mermaid-svg-3DY4DLdbUzi8148T .section-9 path,#mermaid-svg-3DY4DLdbUzi8148T .section-9 circle,#mermaid-svg-3DY4DLdbUzi8148T .section-9 polygon,#mermaid-svg-3DY4DLdbUzi8148T .section-9 path{fill:hsl(180, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .section-9 text{fill:black;}#mermaid-svg-3DY4DLdbUzi8148T .node-icon-9{font-size:40px;color:black;}#mermaid-svg-3DY4DLdbUzi8148T .section-edge-9{stroke:hsl(180, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .edge-depth-9{stroke-width:-13;}#mermaid-svg-3DY4DLdbUzi8148T .section-9 line{stroke:hsl(0, 100%, 86.2745098039%);stroke-width:3;}#mermaid-svg-3DY4DLdbUzi8148T .disabled,#mermaid-svg-3DY4DLdbUzi8148T .disabled circle,#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:lightgray;}#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:#efefef;}#mermaid-svg-3DY4DLdbUzi8148T .section-10 rect,#mermaid-svg-3DY4DLdbUzi8148T .section-10 path,#mermaid-svg-3DY4DLdbUzi8148T .section-10 circle,#mermaid-svg-3DY4DLdbUzi8148T .section-10 polygon,#mermaid-svg-3DY4DLdbUzi8148T .section-10 path{fill:hsl(210, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .section-10 text{fill:black;}#mermaid-svg-3DY4DLdbUzi8148T .node-icon-10{font-size:40px;color:black;}#mermaid-svg-3DY4DLdbUzi8148T .section-edge-10{stroke:hsl(210, 100%, 76.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .edge-depth-10{stroke-width:-16;}#mermaid-svg-3DY4DLdbUzi8148T .section-10 line{stroke:hsl(30, 100%, 86.2745098039%);stroke-width:3;}#mermaid-svg-3DY4DLdbUzi8148T .disabled,#mermaid-svg-3DY4DLdbUzi8148T .disabled circle,#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:lightgray;}#mermaid-svg-3DY4DLdbUzi8148T .disabled text{fill:#efefef;}#mermaid-svg-3DY4DLdbUzi8148T .section-root rect,#mermaid-svg-3DY4DLdbUzi8148T .section-root path,#mermaid-svg-3DY4DLdbUzi8148T .section-root circle,#mermaid-svg-3DY4DLdbUzi8148T .section-root polygon{fill:hsl(240, 100%, 46.2745098039%);}#mermaid-svg-3DY4DLdbUzi8148T .section-root text{fill:#ffffff;}#mermaid-svg-3DY4DLdbUzi8148T .section-root span{color:#ffffff;}#mermaid-svg-3DY4DLdbUzi8148T .section-2 span{color:#ffffff;}#mermaid-svg-3DY4DLdbUzi8148T .icon-container{height:100%;display:flex;justify-content:center;align-items:center;}#mermaid-svg-3DY4DLdbUzi8148T .edge{fill:none;}#mermaid-svg-3DY4DLdbUzi8148T .mindmap-node-label{dy:1em;alignment-baseline:middle;text-anchor:middle;dominant-baseline:middle;text-align:center;}#mermaid-svg-3DY4DLdbUzi8148T :root{–mermaid-font-family:\\”trebuchet ms\\”,verdana,arial,sans-serif;}<\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/span><\/p>\n

<\/p>\n

favicon\u7684\u4f5c\u7528<\/p>\n

<\/span><\/p>\n

<\/p>\n

\u54c1\u724c\u8bc6\u522b<\/p>\n

<\/span><\/p>\n

<\/p>\n

\u6807\u7b7e\u9875\u4e0a\u4e00\u773c\u8ba4\u51fa<\/p>\n

<\/span><\/p>\n

<\/p>\n

\u5efa\u7acb\u54c1\u724c\u5f62\u8c61<\/p>\n

<\/span><\/p>\n

<\/p>\n

\u589e\u5f3a\u4e13\u4e1a\u611f<\/p>\n

<\/span><\/p>\n

<\/p>\n

\u7528\u6237\u4f53\u9a8c<\/p>\n

<\/span><\/p>\n

<\/p>\n

\u591a\u6807\u7b7e\u65f6\u5feb\u901f\u5b9a\u4f4d<\/p>\n

<\/span><\/p>\n

<\/p>\n

\u4e66\u7b7e\u7ba1\u7406\u66f4\u76f4\u89c2<\/p>\n

<\/span><\/p>\n

<\/p>\n

\u89c6\u89c9\u4e0a\u66f4\u5b8c\u6574<\/p>\n

<\/span><\/p>\n

<\/p>\n

\u4e13\u4e1a\u5ea6<\/p>\n

<\/span><\/p>\n

<\/p>\n

\u6ca1\u6709favicon\u663e\u5f97\u4e0d\u4e13\u4e1a<\/p>\n

<\/span><\/p>\n

<\/p>\n

\u7ed9\u4eba"\u8fd8\u6ca1\u505a\u5b8c"\u7684\u611f\u89c9<\/p>\n

<\/span><\/p>\n

<\/p>\n

\u79fb\u52a8\u7aef<\/p>\n

<\/span><\/p>\n

<\/p>\n

\u6dfb\u52a0\u5230\u4e3b\u5c4f\u5e55\u7684\u56fe\u6807<\/p>\n

<\/span><\/p>\n

<\/p>\n

App\u5316\u4f53\u9a8c<\/p>\n

<\/span><\/p>\n

1. \u54c1\u724c\u8bc6\u522b<\/p>\n

favicon\u662f\u54c1\u724c\u89c6\u89c9\u8bc6\u522b\u7cfb\u7edf\u7684\u4e00\u90e8\u5206\u3002\u5f53\u7528\u6237\u6253\u5f00\u5f88\u591a\u6807\u7b7e\u9875\u65f6，\u4e0d\u7528\u770b\u6807\u9898\u6587\u5b57，\u53ea\u770b\u56fe\u6807\u5c31\u80fd\u5feb\u901f\u627e\u5230\u4f60\u7684\u7f51\u7ad9\u3002\u6bd4\u5982\u7eff\u8272\u7684\u673a\u5668\u4eba\u662f\u5fae\u4fe1，\u84dd\u8272\u7684"e"\u662f\u997f\u4e86\u4e48，\u7ea2\u8272\u7684"\u6dd8"\u662f\u6dd8\u5b9d\u2014\u2014\u8fd9\u4e9b\u56fe\u6807\u5df2\u7ecf\u6df1\u6df1\u523b\u5728\u7528\u6237\u8111\u5b50\u91cc\u4e86\u3002<\/p>\n

2. \u4e13\u4e1a\u611f<\/p>\n

\u4e00\u4e2a\u6ca1\u6709favicon\u7684\u7f51\u7ad9，\u5c31\u50cf\u4e00\u5f20\u6ca1\u6709\u540d\u7247\u7684\u8138\u2014\u2014\u603b\u8ba9\u4eba\u89c9\u5f97"\u662f\u4e0d\u662f\u8fd8\u6ca1\u505a\u5b8c"\u3001\u201c\u662f\u4e0d\u662f\u4e0d\u6b63\u89c4\u201d\u3002\u6709\u4e86favicon，\u7528\u6237\u4f1a\u89c9\u5f97\u8fd9\u4e2a\u7f51\u7ad9\u66f4\u4e13\u4e1a\u3001\u66f4\u53ef\u4fe1\u3002<\/p>\n

3. \u7528\u6237\u4f53\u9a8c<\/p>\n

\u6807\u7b7e\u9875\u5f88\u591a\u7684\u65f6\u5019，\u5149\u770b\u6807\u9898\u6587\u5b57\u5f88\u96be\u5feb\u901f\u533a\u5206\u3002\u6709\u4e86favicon，\u626b\u4e00\u773c\u56fe\u6807\u5c31\u77e5\u9053\u54ea\u4e2a\u662f\u54ea\u4e2a，\u63d0\u5347\u4f7f\u7528\u6548\u7387\u3002<\/p>\n

4. \u79fb\u52a8\u7aef\u548cPWA<\/p>\n

\u5728\u79fb\u52a8\u7aef，\u7528\u6237\u628a\u7f51\u7ad9\u6dfb\u52a0\u5230\u4e3b\u5c4f\u5e55\u65f6，\u4e5f\u4f1a\u4f7f\u7528favicon\u76f8\u5173\u7684\u56fe\u6807\u3002\u4e00\u4e2a\u597d\u7684\u56fe\u6807\u80fd\u8ba9\u4f60\u7684\u7f51\u7ad9\u770b\u8d77\u6765\u66f4\u50cf\u4e00\u4e2a\u539f\u751fApp\u3002<\/p>\n

\u603b\u7ed3：favicon\u867d\u5c0f，\u4f46\u5b83\u662f\u7f51\u7ad9\u4e13\u4e1a\u5ea6\u548c\u54c1\u724c\u5f62\u8c61\u7684\u4f53\u73b0\u3002\u505a\u4e00\u4e2a\u7f51\u7ad9，\u5c31\u5e94\u8be5\u914d\u4e0a\u81ea\u5df1\u7684favicon\u3002<\/p>\n

\n

\u4e8c\u3001favicon\u7684\u683c\u5f0f\u4e0e\u5c3a\u5bf8<\/h3>\n

2.1 \u5e38\u89c1\u7684favicon\u683c\u5f0f<\/h4>\n\n\u683c\u5f0f\u540e\u7f00\u8bf4\u660e\u63a8\u8350\u6307\u6570<\/tr>\n\n\n\n\n\n
ICO<\/td>\n.ico<\/td>\n\u4f20\u7edf\u683c\u5f0f，\u6240\u6709\u6d4f\u89c8\u5668\u652f\u6301，\u53ef\u5305\u542b\u591a\u4e2a\u5c3a\u5bf8<\/td>\n\u2b50\u2b50\u2b50\u2b50<\/td>\n<\/tr>\n
PNG<\/td>\n.png<\/td>\n\u73b0\u4ee3\u683c\u5f0f，\u6e05\u6670\u5ea6\u9ad8，\u5927\u591a\u6570\u65b0\u6d4f\u89c8\u5668\u652f\u6301<\/td>\n\u2b50\u2b50\u2b50\u2b50\u2b50<\/td>\n<\/tr>\n
SVG<\/td>\n.svg<\/td>\n\u77e2\u91cf\u683c\u5f0f，\u65e0\u9650\u7f29\u653e，\u6587\u4ef6\u5c0f<\/td>\n\u2b50\u2b50\u2b50<\/td>\n<\/tr>\n
GIF<\/td>\n.gif<\/td>\n\u652f\u6301\u52a8\u753b，\u4f46\u5f88\u591a\u6d4f\u89c8\u5668\u4e0d\u663e\u793a\u52a8\u753b<\/td>\n\u2b50\u2b50<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

ICO\u683c\u5f0f：\u6700\u7ecf\u5178\u7684favicon\u683c\u5f0f\u3002\u5b83\u7684\u7279\u70b9\u662f\u4e00\u4e2a\u6587\u4ef6\u53ef\u4ee5\u5305\u542b\u591a\u4e2a\u4e0d\u540c\u5c3a\u5bf8\u7684\u56fe\u6807（\u6bd4\u598216×16\u300132×32\u300148×48），\u6d4f\u89c8\u5668\u4f1a\u81ea\u52a8\u9009\u62e9\u6700\u5408\u9002\u7684\u5c3a\u5bf8\u3002\u517c\u5bb9\u6027\u6700\u597d，\u6240\u6709\u6d4f\u89c8\u5668\u90fd\u652f\u6301\u3002<\/p>\n

PNG\u683c\u5f0f：\u73b0\u5728\u6700\u63a8\u8350\u7684\u683c\u5f0f\u3002PNG\u56fe\u6807\u66f4\u6e05\u6670，\u652f\u6301\u900f\u660e\u80cc\u666f，\u5236\u4f5c\u4e5f\u7b80\u5355（\u4efb\u4f55\u753b\u56fe\u8f6f\u4ef6\u90fd\u80fd\u5bfc\u51faPNG）\u3002\u73b0\u4ee3\u6d4f\u89c8\u5668\u57fa\u672c\u90fd\u652f\u6301PNG\u683c\u5f0f\u7684favicon\u3002<\/p>\n

SVG\u683c\u5f0f：\u77e2\u91cf\u56fe，\u53ef\u4ee5\u65e0\u9650\u653e\u5927\u4e0d\u5931\u771f，\u6587\u4ef6\u4f53\u79ef\u5c0f\u3002\u4f46\u76ee\u524d\u6d4f\u89c8\u5668\u652f\u6301\u4e0d\u5982PNG\u597d，Safari\u76f4\u5230\u8f83\u65b0\u7248\u672c\u624d\u652f\u6301\u3002\u53ef\u4ee5\u4f5c\u4e3a\u9ad8\u7ea7\u8865\u5145\u3002<\/p>\n

\u63a8\u8350\u65b9\u6848：ICO + PNG \u53cc\u4fdd\u9669<\/p>\n

\u6700\u7a33\u59a5\u7684\u505a\u6cd5\u662f：\u63d0\u4f9b\u4e00\u4e2a favicon.ico（\u517c\u5bb9\u8001\u6d4f\u89c8\u5668）+ \u4e00\u4e2aPNG\u683c\u5f0f\u7684favicon（\u73b0\u4ee3\u6d4f\u89c8\u5668\u7528\u66f4\u6e05\u6670\u7684）\u3002\u4e24\u8005\u90fd\u653e\u5728\u7f51\u7ad9\u6839\u76ee\u5f55\u3002<\/p>\n

2.2 favicon\u7684\u5c3a\u5bf8<\/h4>\n

favicon\u7684\u4f7f\u7528\u573a\u666f\u5f88\u591a，\u4e0d\u540c\u573a\u666f\u9700\u8981\u4e0d\u540c\u7684\u5c3a\u5bf8\u3002\u5e38\u89c1\u7684\u5c3a\u5bf8\u6709：<\/p>\n\n\u5c3a\u5bf8\u4f7f\u7528\u573a\u666f<\/tr>\n\n\n\n\n\n\n\n\n
16\u00d716<\/td>\n\u6d4f\u89c8\u5668\u6807\u7b7e\u9875（\u6700\u6807\u51c6\u7684favicon\u5c3a\u5bf8）<\/td>\n<\/tr>\n
32\u00d732<\/td>\n\u9ad8DPI\u5c4f\u5e55\u3001\u4efb\u52a1\u680f\u9884\u89c8<\/td>\n<\/tr>\n
48\u00d748<\/td>\nWindows\u684c\u9762\u56fe\u6807\u3001\u8f83\u5927\u7684\u663e\u793a\u573a\u666f<\/td>\n<\/tr>\n
96\u00d796<\/td>\n\u684c\u9762\u5feb\u6377\u65b9\u5f0f<\/td>\n<\/tr>\n
180\u00d7180<\/td>\niOS\u4e3b\u5c4f\u56fe\u6807（apple-touch-icon）<\/td>\n<\/tr>\n
192\u00d7192<\/td>\nAndroid\u4e3b\u5c4f\u56fe\u6807\u3001PWA<\/td>\n<\/tr>\n
512\u00d7512<\/td>\nPWA\u5e94\u7528\u56fe\u6807<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u6700\u5c0f\u9700\u6c42：<\/p>\n

\u5982\u679c\u53ea\u662f\u60f3\u8ba9\u7f51\u7ad9\u6807\u7b7e\u9875\u6709\u4e2a\u56fe\u6807，\u51c6\u5907\u4e00\u4e2a 32\u00d732 \u7684PNG \u57fa\u672c\u4e0a\u5c31\u591f\u4e86（\u6d4f\u89c8\u5668\u4f1a\u81ea\u52a8\u7f29\u653e）\u3002<\/p>\n

\u5b8c\u6574\u65b9\u6848：<\/p>\n

\u5982\u679c\u60f3\u5728\u6240\u6709\u5e73\u53f0\u90fd\u6709\u597d\u7684\u6548\u679c，\u9700\u8981\u51c6\u5907\u591a\u4e2a\u5c3a\u5bf8\u3002\u4e00\u822c\u7684\u7f51\u7ad9，\u51c6\u5907\u4ee5\u4e0b\u51e0\u4e2a\u5c31\u591f\u4e86：<\/p>\n

    \n
  • favicon.ico（\u5305\u542b16\u00d716\u300132\u00d732\u300148\u00d748）<\/li>\n
  • favicon-32×32.png（\u6807\u51c6PNG）<\/li>\n
  • apple-touch-icon.png（180\u00d7180，iOS\u7528）<\/li>\n<\/ul>\n

    2.3 \u8bbe\u8ba1favicon\u7684\u6ce8\u610f\u4e8b\u9879<\/h4>\n

    favicon\u5f88\u5c0f（\u6700\u5c0f\u7684\u53ea\u670916\u00d716\u50cf\u7d20），\u6240\u4ee5\u8bbe\u8ba1\u4e0a\u6709\u4e00\u4e9b\u7279\u6b8a\u8981\u6c42：<\/p>\n

    #mermaid-svg-Jmrt9XKeIhgR4EOE{font-family:\\”trebuchet ms\\”,verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-Jmrt9XKeIhgR4EOE .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-Jmrt9XKeIhgR4EOE .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-Jmrt9XKeIhgR4EOE .error-icon{fill:#552222;}#mermaid-svg-Jmrt9XKeIhgR4EOE .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-Jmrt9XKeIhgR4EOE .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-Jmrt9XKeIhgR4EOE .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-Jmrt9XKeIhgR4EOE .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-Jmrt9XKeIhgR4EOE .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-Jmrt9XKeIhgR4EOE .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-Jmrt9XKeIhgR4EOE .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-Jmrt9XKeIhgR4EOE .marker{fill:#333333;stroke:#333333;}#mermaid-svg-Jmrt9XKeIhgR4EOE .marker.cross{stroke:#333333;}#mermaid-svg-Jmrt9XKeIhgR4EOE svg{font-family:\\”trebuchet ms\\”,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-Jmrt9XKeIhgR4EOE p{margin:0;}#mermaid-svg-Jmrt9XKeIhgR4EOE .label{font-family:\\”trebuchet ms\\”,verdana,arial,sans-serif;color:#333;}#mermaid-svg-Jmrt9XKeIhgR4EOE .cluster-label text{fill:#333;}#mermaid-svg-Jmrt9XKeIhgR4EOE .cluster-label span{color:#333;}#mermaid-svg-Jmrt9XKeIhgR4EOE .cluster-label span p{background-color:transparent;}#mermaid-svg-Jmrt9XKeIhgR4EOE .label text,#mermaid-svg-Jmrt9XKeIhgR4EOE span{fill:#333;color:#333;}#mermaid-svg-Jmrt9XKeIhgR4EOE .node rect,#mermaid-svg-Jmrt9XKeIhgR4EOE .node circle,#mermaid-svg-Jmrt9XKeIhgR4EOE .node ellipse,#mermaid-svg-Jmrt9XKeIhgR4EOE .node polygon,#mermaid-svg-Jmrt9XKeIhgR4EOE .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-Jmrt9XKeIhgR4EOE .rough-node .label text,#mermaid-svg-Jmrt9XKeIhgR4EOE .node .label text,#mermaid-svg-Jmrt9XKeIhgR4EOE .image-shape .label,#mermaid-svg-Jmrt9XKeIhgR4EOE .icon-shape .label{text-anchor:middle;}#mermaid-svg-Jmrt9XKeIhgR4EOE .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-Jmrt9XKeIhgR4EOE .rough-node .label,#mermaid-svg-Jmrt9XKeIhgR4EOE .node .label,#mermaid-svg-Jmrt9XKeIhgR4EOE .image-shape .label,#mermaid-svg-Jmrt9XKeIhgR4EOE .icon-shape .label{text-align:center;}#mermaid-svg-Jmrt9XKeIhgR4EOE .node.clickable{cursor:pointer;}#mermaid-svg-Jmrt9XKeIhgR4EOE .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-Jmrt9XKeIhgR4EOE .arrowheadPath{fill:#333333;}#mermaid-svg-Jmrt9XKeIhgR4EOE .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-Jmrt9XKeIhgR4EOE .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-Jmrt9XKeIhgR4EOE .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-Jmrt9XKeIhgR4EOE .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-Jmrt9XKeIhgR4EOE .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-Jmrt9XKeIhgR4EOE .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-Jmrt9XKeIhgR4EOE .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-Jmrt9XKeIhgR4EOE .cluster text{fill:#333;}#mermaid-svg-Jmrt9XKeIhgR4EOE .cluster span{color:#333;}#mermaid-svg-Jmrt9XKeIhgR4EOE div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:\\”trebuchet ms\\”,verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-Jmrt9XKeIhgR4EOE .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-Jmrt9XKeIhgR4EOE rect.text{fill:none;stroke-width:0;}#mermaid-svg-Jmrt9XKeIhgR4EOE .icon-shape,#mermaid-svg-Jmrt9XKeIhgR4EOE .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-Jmrt9XKeIhgR4EOE .icon-shape p,#mermaid-svg-Jmrt9XKeIhgR4EOE .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-Jmrt9XKeIhgR4EOE .icon-shape .label rect,#mermaid-svg-Jmrt9XKeIhgR4EOE .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-Jmrt9XKeIhgR4EOE .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-Jmrt9XKeIhgR4EOE .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-Jmrt9XKeIhgR4EOE :root{–mermaid-font-family:\\”trebuchet ms\\”,verdana,arial,sans-serif;}<\/p>\n

    <\/span><\/p>\n

    <\/span><\/p>\n

    <\/span><\/p>\n

    <\/span><\/p>\n

    <\/span><\/p>\n

    <\/span><\/p>\n

    <\/span><\/p>\n

    <\/span><\/p>\n

    <\/span><\/p>\n

    <\/span><\/p>\n

    <\/span><\/p>\n

    <\/span><\/p>\n

    <\/p>\n

    favicon\u8bbe\u8ba1\u8981\u70b9<\/p>\n

    <\/span><\/p>\n

    <\/p>\n

    \u7b80\u6d01<\/p>\n

    <\/span><\/p>\n

    <\/p>\n

    \u8bc6\u522b\u5ea6\u9ad8<\/p>\n

    <\/span><\/p>\n

    <\/p>\n

    \u5bf9\u6bd4\u5f3a\u70c8<\/p>\n

    <\/span><\/p>\n

    <\/p>\n

    \u548c\u54c1\u724c\u4e00\u81f4<\/p>\n

    <\/span><\/p>\n

    <\/p>\n

    \u4e0d\u8981\u653e\u592a\u591a\u7ec6\u828216px\u91cc\u770b\u4e0d\u6e05<\/p>\n

    <\/span><\/p>\n

    <\/p>\n

    \u7528\u7b80\u6d01\u7684\u56fe\u5f62\u6216\u5b57\u6bcd<\/p>\n

    <\/span><\/p>\n

    <\/p>\n

    \u7f29\u5c0f\u4e86\u4e5f\u80fd\u8ba4\u51fa\u6765<\/p>\n

    <\/span><\/p>\n

    <\/p>\n

    \u907f\u514d\u590d\u6742\u56fe\u6848<\/p>\n

    <\/span><\/p>\n

    <\/p>\n

    \u524d\u666f\u80cc\u666f\u5bf9\u6bd4\u660e\u663e<\/p>\n

    <\/span><\/p>\n

    <\/p>\n

    \u907f\u514d\u76f8\u8fd1\u7684\u989c\u8272<\/p>\n

    <\/span><\/p>\n

    <\/p>\n

    \u548c\u54c1\u724cLogo\u98ce\u683c\u7edf\u4e00<\/p>\n

    <\/span><\/p>\n

    <\/p>\n

    \u989c\u8272\u548c\u7f51\u7ad9\u547c\u5e94<\/p>\n

    <\/span><\/p>\n

    1. \u7b80\u6d01\u518d\u7b80\u6d01<\/p>\n

    16\u00d716\u50cf\u7d20，\u603b\u5171\u624d256\u4e2a\u70b9，\u653e\u4e0d\u4e86\u4ec0\u4e48\u590d\u6742\u7684\u5185\u5bb9\u3002favicon\u5fc5\u987b\u6781\u7b80\u2014\u2014\u4e00\u4e2a\u5b57\u6bcd\u3001\u4e00\u4e2a\u56fe\u5f62\u7b26\u53f7\u3001\u4e00\u5757\u989c\u8272\u5c31\u591f\u4e86\u3002<\/p>\n

    2. \u9ad8\u5bf9\u6bd4<\/p>\n

    \u524d\u666f\u8272\u548c\u80cc\u666f\u8272\u5bf9\u6bd4\u8981\u5f3a\u70c8，\u8fd9\u6837\u5728\u5c0f\u5c3a\u5bf8\u4e0b\u624d\u80fd\u770b\u6e05\u3002\u4e0d\u8981\u7528\u6d45\u8272\u914d\u6d45\u8272\u3001\u6df1\u8272\u914d\u6df1\u8272\u3002<\/p>\n

    3. \u54c1\u724c\u4e00\u81f4<\/p>\n

    favicon\u662f\u54c1\u724c\u7cfb\u7edf\u7684\u4e00\u90e8\u5206，\u5e94\u8be5\u548c\u7f51\u7ad9\u7684Logo\u3001\u4e3b\u8272\u8c03\u4fdd\u6301\u4e00\u81f4\u3002\u7528\u6237\u770b\u5230\u56fe\u6807\u5c31\u80fd\u8054\u60f3\u5230\u4f60\u7684\u54c1\u724c\u3002<\/p>\n

    4. \u6d4b\u8bd5\u5c0f\u5c3a\u5bf8\u6548\u679c<\/p>\n

    \u8bbe\u8ba1favicon\u4e00\u5b9a\u8981\u7f29\u5c0f\u523016\u00d716\u770b\u770b\u6548\u679c\u3002\u5f88\u591a\u56fe\u653e\u5927\u4e86\u5f88\u597d\u770b，\u7f29\u5c0f\u4e86\u5c31\u7cca\u6210\u4e00\u56e2，\u4ec0\u4e48\u90fd\u770b\u4e0d\u6e05\u3002\u4e00\u5b9a\u8981\u5728\u771f\u5b9e\u5c3a\u5bf8\u4e0b\u68c0\u9a8c\u3002<\/p>\n

    \n

    \u4e09\u3001\u5982\u4f55\u6dfb\u52a0favicon<\/h3>\n

    3.1 \u65b9\u6cd5\u4e00：\u653e\u5728\u6839\u76ee\u5f55（\u6700\u7b80\u5355）<\/h4>\n

    \u6700\u7b80\u5355\u7684\u65b9\u6cd5：\u628afavicon\u6587\u4ef6\u547d\u540d\u4e3a favicon.ico，\u653e\u5728\u7f51\u7ad9\u7684\u6839\u76ee\u5f55\u4e0b\u3002<\/p>\n

    \u7f51\u7ad9\u6839\u76ee\u5f55\/
    \n\u251c\u2500\u2500 index.html
    \n\u251c\u2500\u2500 favicon.ico \u2190 \u653e\u5728\u8fd9\u91cc
    \n\u2514\u2500\u2500 …<\/p>\n

    \u6d4f\u89c8\u5668\u52a0\u8f7d\u7f51\u9875\u65f6，\u4f1a\u81ea\u52a8\u53bb\u7f51\u7ad9\u6839\u76ee\u5f55\u4e0b\u627e favicon.ico \u8fd9\u4e2a\u6587\u4ef6\u3002\u5982\u679c\u627e\u5230\u4e86\u5c31\u663e\u793a，\u627e\u4e0d\u5230\u5c31\u663e\u793a\u9ed8\u8ba4\u7684\u7a7a\u767d\u56fe\u6807\u3002<\/p>\n

    \u4f18\u70b9：<\/p>\n

      \n
    • \u7b80\u5355，\u4e0d\u7528\u5199\u4efb\u4f55\u4ee3\u7801<\/li>\n
    • \u6240\u6709\u6d4f\u89c8\u5668\u90fd\u652f\u6301<\/li>\n<\/ul>\n

      \u7f3a\u70b9：<\/p>\n

        \n
      • \u6587\u4ef6\u540d\u548c\u4f4d\u7f6e\u56fa\u5b9a，\u4e0d\u591f\u7075\u6d3b<\/li>\n
      • \u53ea\u80fd\u7528ico\u683c\u5f0f<\/li>\n
      • \u4e0d\u80fd\u6307\u5b9a\u591a\u4e2a\u4e0d\u540c\u5c3a\u5bf8<\/li>\n<\/ul>\n

        \u8fd9\u79cd\u65b9\u6cd5\u9002\u5408\u7b80\u5355\u7684\u9759\u6001\u7f51\u7ad9，\u62ff\u6765\u5c31\u80fd\u7528\u3002<\/p>\n

        3.2 \u65b9\u6cd5\u4e8c：\u7528link\u6807\u7b7e\u6307\u5b9a（\u63a8\u8350）<\/h4>\n

        \u66f4\u7075\u6d3b\u7684\u65b9\u5f0f\u662f\u5728HTML\u7684 <head> \u4e2d\u7528 <link> \u6807\u7b7e\u6307\u5b9afavicon\u7684\u4f4d\u7f6e\u548c\u7c7b\u578b\u3002<\/p>\n

        <<\/span>head<\/span>><\/span><\/span>
        \n <!– PNG\u683c\u5f0f\u7684favicon –><\/span>
        \n <<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>icon"<\/span><\/span> type<\/span>=<\/span>"<\/span>image\/png"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/favicon-32×32.png"<\/span><\/span> sizes<\/span>=<\/span>"<\/span>32×32"<\/span><\/span>><\/span><\/span><\/p>\n

        <!– ICO\u683c\u5f0f\u7684favicon –><\/span>
        \n <<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>icon"<\/span><\/span> type<\/span>=<\/span>"<\/span>image\/x-icon"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/favicon.ico"<\/span><\/span>><\/span><\/span>
        \n<\/<\/span>head<\/span>><\/span><\/span><\/p>\n

        \u5c5e\u6027\u8bf4\u660e：<\/p>\n\n\u5c5e\u6027\u8bf4\u660e<\/tr>\n\n\n\n\n\n
        rel="icon"<\/td>\n\u5173\u7cfb\u7c7b\u578b，\u6307\u5b9a\u8fd9\u662f\u7f51\u7ad9\u56fe\u6807<\/td>\n<\/tr>\n
        type<\/td>\n\u56fe\u6807\u7684MIME\u7c7b\u578b，PNG\u662f image\/png，ICO\u662f image\/x-icon<\/td>\n<\/tr>\n
        href<\/td>\n\u56fe\u6807\u7684\u8def\u5f84<\/td>\n<\/tr>\n
        sizes<\/td>\n\u56fe\u6807\u5c3a\u5bf8，\u6bd4\u5982 32×32，\u591a\u4e2a\u5c3a\u5bf8\u7528\u7a7a\u683c\u5206\u9694<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

        \u63a8\u8350\u7684\u5b8c\u6574\u5199\u6cd5：<\/p>\n

        <<\/span>head<\/span>><\/span><\/span>
        \n <<\/span>meta<\/span> charset<\/span>=<\/span>"<\/span>UTF-8"<\/span><\/span>><\/span><\/span>
        \n <<\/span>title<\/span>><\/span><\/span>\u9875\u9762\u6807\u9898<\/<\/span>title<\/span>><\/span><\/span><\/p>\n

        <!– ICO\u683c\u5f0f，\u517c\u5bb9\u6240\u6709\u6d4f\u89c8\u5668 –><\/span>
        \n <<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>icon"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/favicon.ico"<\/span><\/span> type<\/span>=<\/span>"<\/span>image\/x-icon"<\/span><\/span>><\/span><\/span><\/p>\n

        <!– PNG\u683c\u5f0f，\u73b0\u4ee3\u6d4f\u89c8\u5668\u4f18\u5148\u4f7f\u7528 –><\/span>
        \n <<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>icon"<\/span><\/span> type<\/span>=<\/span>"<\/span>image\/png"<\/span><\/span> sizes<\/span>=<\/span>"<\/span>32×32"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/favicon-32×32.png"<\/span><\/span>><\/span><\/span>
        \n <<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>icon"<\/span><\/span> type<\/span>=<\/span>"<\/span>image\/png"<\/span><\/span> sizes<\/span>=<\/span>"<\/span>16×16"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/favicon-16×16.png"<\/span><\/span>><\/span><\/span><\/p>\n

        <!– iOS\u4e3b\u5c4f\u56fe\u6807 –><\/span>
        \n <<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>apple-touch-icon"<\/span><\/span> sizes<\/span>=<\/span>"<\/span>180×180"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/apple-touch-icon.png"<\/span><\/span>><\/span><\/span>
        \n<\/<\/span>head<\/span>><\/span><\/span><\/p>\n

        \u6d4f\u89c8\u5668\u4f1a\u9009\u62e9\u6700\u5408\u9002\u7684\u90a3\u4e2a\u56fe\u6807\u6765\u663e\u793a\u3002<\/p>\n

        \u8def\u5f84\u95ee\u9898：<\/p>\n

          \n
        • href="\/favicon.ico"（\u5f00\u5934\u6709\u659c\u6760）：\u8868\u793a\u7f51\u7ad9\u6839\u76ee\u5f55\u4e0b\u7684favicon.ico<\/li>\n
        • href="favicon.ico"（\u5f00\u5934\u6ca1\u659c\u6760）：\u8868\u793a\u76f8\u5bf9\u4e8e\u5f53\u524dHTML\u6587\u4ef6\u7684\u8def\u5f84<\/li>\n<\/ul>\n

          \u63a8\u8350\u7528\u7edd\u5bf9\u8def\u5f84（\u5f00\u5934\u52a0\u659c\u6760），\u8fd9\u6837\u4e0d\u7ba1\u5728\u54ea\u4e2a\u5b50\u9875\u9762\u90fd\u80fd\u6b63\u786e\u627e\u5230\u56fe\u6807\u3002<\/p>\n

          3.3 \u82f9\u679c\u8bbe\u5907\u7684\u56fe\u6807<\/h4>\n

          iOS\u8bbe\u5907\u6709\u81ea\u5df1\u7684\u4e00\u5957\u56fe\u6807\u89c4\u5219，\u53eb\u505a apple-touch-icon\u3002\u7528\u6237\u628a\u7f51\u7ad9\u6dfb\u52a0\u5230\u4e3b\u5c4f\u5e55\u65f6，\u7528\u7684\u5c31\u662f\u8fd9\u4e2a\u56fe\u6807\u3002<\/p>\n

          <!– iPhone\u548ciPad\u7684\u4e3b\u5c4f\u56fe\u6807 –><\/span>
          \n<<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>apple-touch-icon"<\/span><\/span> sizes<\/span>=<\/span>"<\/span>180×180"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/apple-touch-icon.png"<\/span><\/span>><\/span><\/span><\/p>\n

          \u5c3a\u5bf8\u5efa\u8bae：180\u00d7180\u50cf\u7d20<\/p>\n

          \u5982\u679c\u4e0d\u6307\u5b9a，iOS\u4f1a\u81ea\u52a8\u622a\u53d6\u7f51\u9875\u7684\u622a\u56fe\u4f5c\u4e3a\u56fe\u6807，\u6548\u679c\u901a\u5e38\u5f88\u7cdf\u7cd5\u3002\u6240\u4ee5\u79fb\u52a8\u7aef\u7f51\u7ad9\u5efa\u8bae\u4e00\u5b9a\u8981\u52a0\u4e0aapple-touch-icon\u3002<\/p>\n

          \u8fd8\u53ef\u4ee5\u52a0\u4e00\u4e9b\u9884\u6e32\u67d3\u7684\u56fe\u6807（iOS\u7684\u8001\u7248\u672c\u4f1a\u7528）：<\/p>\n

          <<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>apple-touch-icon"<\/span><\/span> sizes<\/span>=<\/span>"<\/span>57×57"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/apple-touch-icon-57×57.png"<\/span><\/span>><\/span><\/span>
          \n<<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>apple-touch-icon"<\/span><\/span> sizes<\/span>=<\/span>"<\/span>72×72"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/apple-touch-icon-72×72.png"<\/span><\/span>><\/span><\/span>
          \n<<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>apple-touch-icon"<\/span><\/span> sizes<\/span>=<\/span>"<\/span>114×114"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/apple-touch-icon-114×114.png"<\/span><\/span>><\/span><\/span>
          \n<<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>apple-touch-icon"<\/span><\/span> sizes<\/span>=<\/span>"<\/span>144×144"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/apple-touch-icon-144×144.png"<\/span><\/span>><\/span><\/span>
          \n<<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>apple-touch-icon"<\/span><\/span> sizes<\/span>=<\/span>"<\/span>180×180"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/apple-touch-icon-180×180.png"<\/span><\/span>><\/span><\/span><\/p>\n

          \u4e0d\u8fc7\u73b0\u5728\u65b0\u7684iOS\u7248\u672c\u53ea\u9700\u8981\u4e00\u4e2a180\u00d7180\u7684\u5c31\u591f\u4e86，\u4f1a\u81ea\u52a8\u7f29\u653e\u3002<\/p>\n

          3.4 Android\u548cPWA\u56fe\u6807<\/h4>\n

          \u5bf9\u4e8eAndroid\u8bbe\u5907\u548cPWA（\u6e10\u8fdb\u5f0fWeb\u5e94\u7528），\u901a\u5e38\u901a\u8fc7 manifest.json \u6587\u4ef6\u6765\u914d\u7f6e\u56fe\u6807：<\/p>\n

          <<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>manifest"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/manifest.json"<\/span><\/span>><\/span><\/span><\/p>\n

          manifest.json\u4e2d\u914d\u7f6e\u56fe\u6807：<\/p>\n

          {<\/span>
          \n "name"<\/span>:<\/span> "\u5e94\u7528\u540d\u79f0"<\/span>,<\/span>
          \n "short_name"<\/span>:<\/span> "\u77ed\u540d\u79f0"<\/span>,<\/span>
          \n "icons"<\/span>:<\/span> [<\/span>
          \n {<\/span>
          \n "src"<\/span>:<\/span> "\/android-chrome-192×192.png"<\/span>,<\/span>
          \n "sizes"<\/span>:<\/span> "192×192"<\/span>,<\/span>
          \n "type"<\/span>:<\/span> "image\/png"<\/span>
          \n }<\/span>,<\/span>
          \n {<\/span>
          \n "src"<\/span>:<\/span> "\/android-chrome-512×512.png"<\/span>,<\/span>
          \n "sizes"<\/span>:<\/span> "512×512"<\/span>,<\/span>
          \n "type"<\/span>:<\/span> "image\/png"<\/span>
          \n }<\/span>
          \n ]<\/span>
          \n}<\/span><\/p>\n

          3.5 \u7b80\u5355\u65b9\u6848 vs \u5b8c\u6574\u65b9\u6848<\/h4>\n

          \u6839\u636e\u4f60\u7684\u9700\u6c42，\u53ef\u4ee5\u9009\u62e9\u4e0d\u540c\u590d\u6742\u5ea6\u7684\u65b9\u6848：<\/p>\n

          \u6781\u7b80\u65b9\u6848（\u4e2a\u4eba\u5c0f\u7ad9）：<\/p>\n

          \u4e00\u4e2a favicon.ico \u653e\u6839\u76ee\u5f55<\/p>\n

          \u6807\u51c6\u65b9\u6848（\u4e00\u822c\u4f01\u4e1a\u7ad9）：<\/p>\n

          <<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>icon"<\/span><\/span> type<\/span>=<\/span>"<\/span>image\/png"<\/span><\/span> sizes<\/span>=<\/span>"<\/span>32×32"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/favicon-32×32.png"<\/span><\/span>><\/span><\/span>
          \n<<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>icon"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/favicon.ico"<\/span><\/span> type<\/span>=<\/span>"<\/span>image\/x-icon"<\/span><\/span>><\/span><\/span><\/p>\n

          \u5b8c\u6574\u65b9\u6848（\u8ffd\u6c42\u5b8c\u7f8e）：<\/p>\n

          <<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>icon"<\/span><\/span> type<\/span>=<\/span>"<\/span>image\/png"<\/span><\/span> sizes<\/span>=<\/span>"<\/span>16×16"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/favicon-16×16.png"<\/span><\/span>><\/span><\/span>
          \n<<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>icon"<\/span><\/span> type<\/span>=<\/span>"<\/span>image\/png"<\/span><\/span> sizes<\/span>=<\/span>"<\/span>32×32"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/favicon-32×32.png"<\/span><\/span>><\/span><\/span>
          \n<<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>apple-touch-icon"<\/span><\/span> sizes<\/span>=<\/span>"<\/span>180×180"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/apple-touch-icon.png"<\/span><\/span>><\/span><\/span>
          \n<<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>manifest"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/manifest.json"<\/span><\/span>><\/span><\/span>
          \n<<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>icon"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/favicon.ico"<\/span><\/span> type<\/span>=<\/span>"<\/span>image\/x-icon"<\/span><\/span>><\/span><\/span><\/p>\n

          \u5bf9\u4e8e\u5927\u591a\u6570\u7f51\u7ad9，\u6807\u51c6\u65b9\u6848\u5c31\u8db3\u591f\u4e86\u3002<\/p>\n

          \n

          \u56db\u3001\u5982\u4f55\u5236\u4f5cfavicon<\/h3>\n

          \u4e86\u89e3\u4e86\u600e\u4e48\u52a0，\u518d\u6765\u770b\u770b\u600e\u4e48\u505a\u3002\u5236\u4f5cfavicon\u6709\u51e0\u79cd\u65b9\u6cd5，\u4ece\u7b80\u5355\u5230\u4e13\u4e1a\u90fd\u6709\u3002<\/p>\n

          4.1 \u65b9\u6cd5\u4e00：\u5728\u7ebf\u751f\u6210\u5de5\u5177（\u6700\u7b80\u5355）<\/h4>\n

          \u6700\u7b80\u5355\u7684\u65b9\u6cd5\u662f\u7528\u5728\u7ebffavicon\u751f\u6210\u5de5\u5177，\u4e0a\u4f20\u4e00\u5f20\u56fe\u7247，\u81ea\u52a8\u751f\u6210\u5404\u79cd\u5c3a\u5bf8\u7684favicon\u3002<\/p>\n

          \u5e38\u7528\u7684\u5728\u7ebf\u5de5\u5177：<\/p>\n\n\u5de5\u5177\u5730\u5740\u7279\u70b9<\/tr>\n\n\n\n\n
          favicon.io<\/td>\nfavicon.io<\/td>\n\u53ef\u4ee5\u7528\u6587\u5b57\u3001emoji\u3001\u56fe\u7247\u751f\u6210<\/td>\n<\/tr>\n
          RealFaviconGenerator<\/td>\nrealfavicongenerator.net<\/td>\n\u6700\u4e13\u4e1a，\u751f\u6210\u5168\u5e73\u53f0\u683c\u5f0f<\/td>\n<\/tr>\n
          Canva<\/td>\ncanva.com<\/td>\n\u6709favicon\u6a21\u677f，\u53ef\u4ee5\u5728\u7ebf\u8bbe\u8ba1<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

          RealFaviconGenerator\u7684\u4f7f\u7528\u6b65\u9aa4：<\/p>\n

        • \u4e0a\u4f20\u4f60\u7684Logo\u56fe\u7247<\/li>\n
        • \u8c03\u6574\u8bbe\u8ba1（\u989c\u8272\u3001\u8fb9\u8ddd\u7b49）<\/li>\n
        • \u4e00\u952e\u751f\u6210\u6240\u6709\u5e73\u53f0\u7684favicon<\/li>\n
        • \u4e0b\u8f7d\u6253\u5305\u597d\u7684\u6587\u4ef6<\/li>\n
        • \u6309\u7167\u8bf4\u660e\u653e\u5230\u7f51\u7ad9\u76ee\u5f55，\u52a0\u4e0aHTML\u4ee3\u7801<\/li>\n

          \u8fd9\u4e2a\u5de5\u5177\u4f1a\u751f\u6210ICO\u3001PNG\u3001\u82f9\u679c\u56fe\u6807\u3001\u5b89\u5353\u56fe\u6807\u7b49\u5168\u5957\u6587\u4ef6，\u5e76\u4e14\u7ed9\u51fa\u5bf9\u5e94\u7684HTML\u4ee3\u7801，\u975e\u5e38\u65b9\u4fbf\u3002<\/p>\n

          4.2 \u65b9\u6cd5\u4e8c：\u7528\u8bbe\u8ba1\u8f6f\u4ef6\u81ea\u5df1\u505a<\/h4>\n

          \u5982\u679c\u4f60\u6709\u8bbe\u8ba1\u57fa\u7840，\u53ef\u4ee5\u7528Photoshop\u3001Figma\u3001Sketch\u7b49\u8f6f\u4ef6\u81ea\u5df1\u8bbe\u8ba1\u3002<\/p>\n

          \u5236\u4f5c\u6b65\u9aa4：<\/p>\n

        • \u65b0\u5efa\u753b\u5e03，\u5c3a\u5bf8 512\u00d7512 \u50cf\u7d20（\u65b9\u4fbf\u7f29\u653e）<\/li>\n
        • \u8bbe\u8ba1\u4f60\u7684\u56fe\u6807<\/li>\n
        • \u5bfc\u51fa\u4e3aPNG\u683c\u5f0f<\/li>\n
        • \u9700\u8981ICO\u683c\u5f0f\u7684\u8bdd，\u7528\u5728\u7ebf\u5de5\u5177\u628aPNG\u8f6c\u6210ICO<\/li>\n

          \u8bbe\u8ba1\u8981\u70b9\u63d0\u9192：<\/p>\n

            \n
          • \u8bbe\u8ba1\u65f6\u7528\u5927\u5c3a\u5bf8（\u6bd4\u5982512\u00d7512），\u6700\u540e\u7f29\u5c0f<\/li>\n
          • \u7f29\u5c0f\u523016\u00d716\u68c0\u67e5\u6548\u679c<\/li>\n
          • \u786e\u4fdd\u5c0f\u5c3a\u5bf8\u4e0b\u4f9d\u7136\u6e05\u6670\u53ef\u8fa8<\/li>\n
          • \u80cc\u666f\u900f\u660e\u6216\u8005\u7528\u7eaf\u8272\u80cc\u666f<\/li>\n<\/ul>\n

            4.3 \u65b9\u6cd5\u4e09：\u7528\u6587\u5b57\u6216emoji\u5feb\u901f\u505a\u4e00\u4e2a<\/h4>\n

            \u5982\u679c\u4f60\u6682\u65f6\u6ca1\u6709Logo，\u4e5f\u53ef\u4ee5\u7528\u6587\u5b57\u6216emoji\u5feb\u901f\u505a\u4e00\u4e2afavicon\u3002<\/p>\n

            \u6bd4\u5982 favicon.io \u8fd9\u4e2a\u7f51\u7ad9，\u4f60\u8f93\u5165\u4e00\u4e2a\u5b57\u6bcd\u6216\u9009\u4e00\u4e2aemoji，\u5b83\u5c31\u80fd\u5e2e\u4f60\u751f\u6210\u597d\u770b\u7684favicon\u3002<\/p>\n

            \u9002\u5408\u4e2a\u4eba\u9879\u76ee\u3001Demo\u3001\u4e34\u65f6\u7ad9\u70b9\u3002<\/p>\n

            4.4 PNG\u8f6cICO<\/h4>\n

            \u6709\u4e86PNG\u56fe\u7247，\u5982\u679c\u8fd8\u9700\u8981ICO\u683c\u5f0f，\u53ef\u4ee5\u7528\u5728\u7ebf\u5de5\u5177\u8f6c\u6362：<\/p>\n

              \n
            • ConvertICO：convertico.com<\/li>\n
            • ICO Convert：icoconvert.com<\/li>\n<\/ul>\n

              \u4e0a\u4f20PNG，\u9009\u62e9\u5c3a\u5bf8，\u4e0b\u8f7dICO\u6587\u4ef6，\u5c31\u8fd9\u4e48\u7b80\u5355\u3002<\/p>\n

              \n

              \u4e94\u3001favicon\u4e0d\u663e\u793a\u7684\u5e38\u89c1\u539f\u56e0<\/h3>\n

              \u52a0\u4e86favicon\u4f46\u6d4f\u89c8\u5668\u4e0d\u663e\u793a？\u8fd9\u662f\u521d\u5b66\u8005\u7ecf\u5e38\u9047\u5230\u7684\u95ee\u9898\u3002\u4e0b\u9762\u662f\u5e38\u89c1\u7684\u539f\u56e0\u548c\u89e3\u51b3\u65b9\u6cd5\u3002<\/p>\n

              5.1 \u8def\u5f84\u4e0d\u5bf9<\/h4>\n

              \u8fd9\u662f\u6700\u5e38\u89c1\u7684\u539f\u56e0\u3002\u8def\u5f84\u5199\u9519\u4e86，\u6d4f\u89c8\u5668\u627e\u4e0d\u5230\u56fe\u6807\u6587\u4ef6\u3002<\/p>\n

              \u6392\u67e5\u65b9\u6cd5：<\/p>\n

            • \u6253\u5f00\u6d4f\u89c8\u5668\u5f00\u53d1\u8005\u5de5\u5177 \u2192 Network\u9762\u677f<\/li>\n
            • \u5237\u65b0\u9875\u9762<\/li>\n
            • \u770b\u770bfavicon\u7684\u8bf7\u6c42\u662f\u4e0d\u662f404<\/li>\n
            • \u5982\u679c\u662f404，\u8bf4\u660e\u8def\u5f84\u9519\u4e86<\/li>\n

              \u89e3\u51b3\u65b9\u6cd5：<\/p>\n

                \n
              • \u68c0\u67e5\u6587\u4ef6\u540d\u662f\u5426\u6b63\u786e（\u6ce8\u610f\u5927\u5c0f\u5199，Linux\u670d\u52a1\u5668\u533a\u5206\u5927\u5c0f\u5199）<\/li>\n
              • \u7528\u7edd\u5bf9\u8def\u5f84（\/favicon.ico）\u6bd4\u76f8\u5bf9\u8def\u5f84\u66f4\u4fdd\u9669<\/li>\n
              • \u786e\u4fdd\u6587\u4ef6\u4e0a\u4f20\u5230\u4e86\u6b63\u786e\u7684\u76ee\u5f55<\/li>\n<\/ul>\n

                5.2 \u6d4f\u89c8\u5668\u7f13\u5b58<\/h4>\n

                \u6d4f\u89c8\u5668\u4f1a\u7f13\u5b58favicon，\u800c\u4e14\u7f13\u5b58\u65f6\u95f4\u7279\u522b\u957f\u3002\u6709\u65f6\u5019\u4f60\u66f4\u65b0\u4e86favicon，\u4f46\u6d4f\u89c8\u5668\u8fd8\u662f\u663e\u793a\u65e7\u7684，\u56e0\u4e3a\u8bfb\u53d6\u7684\u662f\u7f13\u5b58\u3002<\/p>\n

                \u89e3\u51b3\u65b9\u6cd5：<\/p>\n

              • \u5f3a\u5236\u5237\u65b0：\u6309 Ctrl+F5 \u6216 Ctrl+Shift+R \u5f3a\u5236\u5237\u65b0\u9875\u9762<\/li>\n
              • \u6e05\u7f13\u5b58：\u6e05\u9664\u6d4f\u89c8\u5668\u7f13\u5b58<\/li>\n
              • \u52a0\u7248\u672c\u53f7：\u7ed9favicon\u7684URL\u52a0\u4e2a\u67e5\u8be2\u53c2\u6570，\u5f3a\u5236\u6d4f\u89c8\u5668\u91cd\u65b0\u52a0\u8f7d：<<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>icon"<\/span><\/span> href<\/span>=<\/span>"<\/span>\/favicon.ico?v=2"<\/span><\/span>><\/span><\/span>
                \n \u4fee\u6539 v=2 \u4e3a v=3\u3001v=4，\u6bcf\u6b21\u66f4\u65b0\u90fd\u6539\u4e00\u4e0b\u7248\u672c\u53f7<\/li>\n
              • \u6362\u4e2a\u6d4f\u89c8\u5668\u6216\u9690\u8eab\u6a21\u5f0f：\u7528\u65b0\u7684\u6d4f\u89c8\u5668\u7a97\u53e3\u6d4b\u8bd5<\/li>\n

                5.3 \u683c\u5f0f\u4e0d\u5bf9<\/h4>\n
                  \n
                • \u6587\u4ef6\u6269\u5c55\u540d\u662f .ico \u4f46\u5b9e\u9645\u4e0a\u662fPNG\u683c\u5f0f（\u6539\u4e86\u4e2a\u540e\u7f00\u540d\u800c\u5df2）<\/li>\n
                • \u56fe\u7247\u635f\u574f\u4e86<\/li>\n
                • \u56fe\u7247\u592a\u5927（\u867d\u7136\u4e00\u822c\u90fd\u80fd\u663e\u793a，\u4f46\u4e0d\u5efa\u8bae\u8d85\u8fc7100KB）<\/li>\n<\/ul>\n

                  \u89e3\u51b3\u65b9\u6cd5：<\/p>\n

                    \n
                  • \u7528\u6b63\u89c4\u5de5\u5177\u751f\u6210ICO\u6587\u4ef6<\/li>\n
                  • \u786e\u4fdd\u56fe\u7247\u6587\u4ef6\u5b8c\u597d<\/li>\n
                  • \u52a0\u4e0a type \u5c5e\u6027\u660e\u786e\u544a\u8bc9\u6d4f\u89c8\u5668\u6587\u4ef6\u7c7b\u578b<\/li>\n<\/ul>\n

                    5.4 \u672c\u5730\u6587\u4ef6\u76f4\u63a5\u6253\u5f00<\/h4>\n

                    \u5982\u679c\u4f60\u662f\u76f4\u63a5\u53cc\u51fbHTML\u6587\u4ef6（\u7528 file:\/\/ \u534f\u8bae\u6253\u5f00），\u6709\u4e9b\u6d4f\u89c8\u5668\u53ef\u80fd\u4e0d\u4f1a\u52a0\u8f7dfavicon\u3002<\/p>\n

                    \u89e3\u51b3\u65b9\u6cd5：<\/p>\n

                      \n
                    • \u7528Live Server\u7b49\u672c\u5730\u670d\u52a1\u5668\u542f\u52a8\u7f51\u9875<\/li>\n
                    • \u4e0a\u4f20\u5230\u670d\u52a1\u5668\u4e0a\u6d4b\u8bd5<\/li>\n<\/ul>\n

                      5.5 \u6d4f\u89c8\u5668\u4e0d\u652f\u6301<\/h4>\n

                      \u6781\u5c11\u6570\u5f88\u8001\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301PNG\u683c\u5f0f\u7684favicon\u3002<\/p>\n

                      \u89e3\u51b3\u65b9\u6cd5：<\/p>\n

                        \n
                      • \u540c\u65f6\u63d0\u4f9bICO\u683c\u5f0f\u4f5c\u4e3a\u515c\u5e95<\/li>\n
                      • \u5982\u679c\u4e0d\u9700\u8981\u517c\u5bb9\u7279\u522b\u8001\u7684\u6d4f\u89c8\u5668，\u53ea\u7528PNG\u4e5f\u53ef\u4ee5<\/li>\n<\/ul>\n
                        \n

                        \u516d\u3001favicon\u7684\u8da3\u95fb\u548c\u51b7\u77e5\u8bc6<\/h3>\n

                        6.1 favicon\u8bf7\u6c42\u7684\u526f\u4f5c\u7528<\/h4>\n

                        \u6d4f\u89c8\u5668\u4f1a\u81ea\u52a8\u8bf7\u6c42 \/favicon.ico，\u5373\u4f7f\u4f60\u7684HTML\u91cc\u6ca1\u6709\u5199link\u6807\u7b7e\u3002\u8fd9\u4f1a\u5e26\u6765\u4e00\u4e9b\u5c0f\u5f71\u54cd：<\/p>\n

                          \n
                        • \u670d\u52a1\u5668\u4f1a\u591a\u4e00\u4e2a\u8bf7\u6c42<\/li>\n
                        • \u5982\u679c\u6ca1\u6709favicon\u6587\u4ef6，\u670d\u52a1\u5668\u4f1a\u8bb0\u5f55\u4e00\u4e2a404\u9519\u8bef\u65e5\u5fd7<\/li>\n
                        • \u5bf9\u4e8e\u8bbf\u95ee\u91cf\u5927\u7684\u7f51\u7ad9，\u8fd9\u4e5f\u662f\u4e00\u7b14\u4e0d\u5c0f\u7684\u6d41\u91cf<\/li>\n<\/ul>\n

                          \u6240\u4ee5，\u54ea\u6015\u4f60\u89c9\u5f97favicon\u4e0d\u91cd\u8981，\u4e5f\u6700\u597d\u653e\u4e00\u4e2a，\u54ea\u6015\u662f\u4e2a1\u50cf\u7d20\u7684\u900f\u660e\u56fe，\u907f\u514d\u5927\u91cf\u7684404\u8bf7\u6c42\u3002<\/p>\n

                          6.2 \u52a8\u6001favicon<\/h4>\n

                          favicon\u4e5f\u53ef\u4ee5\u7528JavaScript\u52a8\u6001\u4fee\u6539\u3002\u6bd4\u5982：<\/p>\n

                          \/\/ \u521b\u5efa\u4e00\u4e2a\u65b0\u7684link\u5143\u7d20<\/span>
                          \nconst<\/span> link =<\/span> document.<\/span>createElement<\/span>(<\/span>'link'<\/span>)<\/span>;<\/span>
                          \nlink.<\/span>rel =<\/span> 'icon'<\/span>;<\/span>
                          \nlink.<\/span>href =<\/span> 'new-favicon.png'<\/span>;<\/span>
                          \ndocument.<\/span>head.<\/span>appendChild<\/span>(<\/span>link)<\/span>;<\/span><\/p>\n

                          \u5e94\u7528\u573a\u666f：<\/p>\n

                            \n
                          • \u6709\u65b0\u6d88\u606f\u65f6，favicon\u663e\u793a\u7ea2\u70b9\u6216\u6570\u5b57<\/li>\n
                          • \u6df1\u8272\u6a21\u5f0f\/\u6d45\u8272\u6a21\u5f0f\u5207\u6362\u4e0d\u540c\u7684favicon<\/li>\n
                          • \u8282\u65e5\u6362\u4e2a\u8282\u65e5\u4e3b\u9898\u7684favicon<\/li>\n<\/ul>\n

                            6.3 emoji\u505afavicon<\/h4>\n

                            \u73b0\u5728\u5f88\u591a\u6d4f\u89c8\u5668\u652f\u6301\u7528SVG\u505afavicon，\u800cSVG\u4e2d\u53ef\u4ee5\u5305\u542b\u6587\u5b57\u3002\u6240\u4ee5\u4f60\u751a\u81f3\u53ef\u4ee5\u7528emoji\u4f5c\u4e3afavicon：<\/p>\n

                            <<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>icon"<\/span><\/span> href<\/span>=<\/span>"<\/span>data:image\/svg+xml,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🚀<\/text><\/svg>"<\/span><\/span>><\/span><\/span><\/p>\n

                            \u4e00\u884c\u4ee3\u7801，\u7528\u4e00\u4e2aemoji\u5f53favicon，\u9002\u5408\u5feb\u901f\u539f\u578b\u548c\u4e2a\u4eba\u9879\u76ee\u3002<\/p>\n

                            \n

                            \u4e03\u3001\u6700\u4f73\u5b9e\u8df5\u603b\u7ed3<\/h3>\n

                            \u6700\u540e，\u6211\u4eec\u6765\u603b\u7ed3\u4e00\u4e0bfavicon\u7684\u6700\u4f73\u5b9e\u8df5：<\/p>\n

                            #mermaid-svg-y7OFUy3GWiDxyp4r{font-family:\\”trebuchet ms\\”,verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-y7OFUy3GWiDxyp4r .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-y7OFUy3GWiDxyp4r .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-y7OFUy3GWiDxyp4r .error-icon{fill:#552222;}#mermaid-svg-y7OFUy3GWiDxyp4r .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-y7OFUy3GWiDxyp4r .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-y7OFUy3GWiDxyp4r .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-y7OFUy3GWiDxyp4r .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-y7OFUy3GWiDxyp4r .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-y7OFUy3GWiDxyp4r .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-y7OFUy3GWiDxyp4r .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-y7OFUy3GWiDxyp4r .marker{fill:#333333;stroke:#333333;}#mermaid-svg-y7OFUy3GWiDxyp4r .marker.cross{stroke:#333333;}#mermaid-svg-y7OFUy3GWiDxyp4r svg{font-family:\\”trebuchet ms\\”,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-y7OFUy3GWiDxyp4r p{margin:0;}#mermaid-svg-y7OFUy3GWiDxyp4r .label{font-family:\\”trebuchet ms\\”,verdana,arial,sans-serif;color:#333;}#mermaid-svg-y7OFUy3GWiDxyp4r .cluster-label text{fill:#333;}#mermaid-svg-y7OFUy3GWiDxyp4r .cluster-label span{color:#333;}#mermaid-svg-y7OFUy3GWiDxyp4r .cluster-label span p{background-color:transparent;}#mermaid-svg-y7OFUy3GWiDxyp4r .label text,#mermaid-svg-y7OFUy3GWiDxyp4r span{fill:#333;color:#333;}#mermaid-svg-y7OFUy3GWiDxyp4r .node rect,#mermaid-svg-y7OFUy3GWiDxyp4r .node circle,#mermaid-svg-y7OFUy3GWiDxyp4r .node ellipse,#mermaid-svg-y7OFUy3GWiDxyp4r .node polygon,#mermaid-svg-y7OFUy3GWiDxyp4r .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-y7OFUy3GWiDxyp4r .rough-node .label text,#mermaid-svg-y7OFUy3GWiDxyp4r .node .label text,#mermaid-svg-y7OFUy3GWiDxyp4r .image-shape .label,#mermaid-svg-y7OFUy3GWiDxyp4r .icon-shape .label{text-anchor:middle;}#mermaid-svg-y7OFUy3GWiDxyp4r .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-y7OFUy3GWiDxyp4r .rough-node .label,#mermaid-svg-y7OFUy3GWiDxyp4r .node .label,#mermaid-svg-y7OFUy3GWiDxyp4r .image-shape .label,#mermaid-svg-y7OFUy3GWiDxyp4r .icon-shape .label{text-align:center;}#mermaid-svg-y7OFUy3GWiDxyp4r .node.clickable{cursor:pointer;}#mermaid-svg-y7OFUy3GWiDxyp4r .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-y7OFUy3GWiDxyp4r .arrowheadPath{fill:#333333;}#mermaid-svg-y7OFUy3GWiDxyp4r .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-y7OFUy3GWiDxyp4r .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-y7OFUy3GWiDxyp4r .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-y7OFUy3GWiDxyp4r .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-y7OFUy3GWiDxyp4r .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-y7OFUy3GWiDxyp4r .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-y7OFUy3GWiDxyp4r .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-y7OFUy3GWiDxyp4r .cluster text{fill:#333;}#mermaid-svg-y7OFUy3GWiDxyp4r .cluster span{color:#333;}#mermaid-svg-y7OFUy3GWiDxyp4r div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:\\”trebuchet ms\\”,verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-y7OFUy3GWiDxyp4r .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-y7OFUy3GWiDxyp4r rect.text{fill:none;stroke-width:0;}#mermaid-svg-y7OFUy3GWiDxyp4r .icon-shape,#mermaid-svg-y7OFUy3GWiDxyp4r .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-y7OFUy3GWiDxyp4r .icon-shape p,#mermaid-svg-y7OFUy3GWiDxyp4r .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-y7OFUy3GWiDxyp4r .icon-shape .label rect,#mermaid-svg-y7OFUy3GWiDxyp4r .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-y7OFUy3GWiDxyp4r .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-y7OFUy3GWiDxyp4r .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-y7OFUy3GWiDxyp4r :root{–mermaid-font-family:\\”trebuchet ms\\”,verdana,arial,sans-serif;}<\/p>\n

                            <\/span><\/p>\n

                            <\/span><\/p>\n

                            <\/span><\/p>\n

                            <\/span><\/p>\n

                            <\/span><\/p>\n

                            <\/span><\/p>\n

                            <\/span><\/p>\n

                            <\/span><\/p>\n

                            <\/span><\/p>\n

                            <\/span><\/p>\n

                            <\/span><\/p>\n

                            <\/span><\/p>\n

                            <\/span><\/p>\n

                            <\/span><\/p>\n

                            <\/p>\n

                            favicon\u6700\u4f73\u5b9e\u8df5<\/p>\n

                            <\/span><\/p>\n

                            <\/p>\n

                            \u5fc5\u987b\u6709<\/p>\n

                            <\/span><\/p>\n

                            <\/p>\n

                            \u591a\u683c\u5f0f<\/p>\n

                            <\/span><\/p>\n

                            <\/p>\n

                            \u8bbe\u8ba1\u7b80\u6d01<\/p>\n

                            <\/span><\/p>\n

                            <\/p>\n

                            \u54c1\u724c\u7edf\u4e00<\/p>\n

                            <\/span><\/p>\n

                            <\/p>\n

                            \u653e\u7f6e\u89c4\u8303<\/p>\n

                            <\/span><\/p>\n

                            <\/p>\n

                            \u518d\u5c0f\u7684\u7f51\u7ad9\u4e5f\u8981\u6709favicon\u8fd9\u662f\u4e13\u4e1a\u5ea6\u7684\u4f53\u73b0<\/p>\n

                            <\/span><\/p>\n

                            <\/p>\n

                            ICO+PNG\u53cc\u4fdd\u9669\u8986\u76d6\u6240\u6709\u6d4f\u89c8\u5668<\/p>\n

                            <\/span><\/p>\n

                            <\/p>\n

                            \u79fb\u52a8\u7aef\u4e5f\u8981\u8003\u8651<\/p>\n

                            <\/span><\/p>\n

                            <\/p>\n

                            \u7f29\u5c0f\u4e86\u4e5f\u80fd\u770b\u6e05<\/p>\n

                            <\/span><\/p>\n

                            <\/p>\n

                            \u4e0d\u8981\u592a\u590d\u6742<\/p>\n

                            <\/span><\/p>\n

                            <\/p>\n

                            \u548c\u54c1\u724cLogo\u98ce\u683c\u4e00\u81f4<\/p>\n

                            <\/span><\/p>\n

                            <\/p>\n

                            \u989c\u8272\u547c\u5e94\u7f51\u7ad9\u4e3b\u9898<\/p>\n

                            <\/span><\/p>\n

                            <\/p>\n

                            \u653e\u5728\u6839\u76ee\u5f55<\/p>\n

                            <\/span><\/p>\n

                            <\/p>\n

                            \u7528link\u6807\u7b7e\u6307\u5b9a<\/p>\n

                            <\/span><\/p>\n

                          • \u6bcf\u4e2a\u7f51\u7ad9\u90fd\u8981\u6709favicon：\u8fd9\u662f\u4e13\u4e1a\u548c\u7528\u5fc3\u7684\u4f53\u73b0<\/li>\n
                          • \u63a8\u8350ICO + PNG\u53cc\u683c\u5f0f：\u517c\u987e\u517c\u5bb9\u6027\u548c\u6e05\u6670\u5ea6<\/li>\n
                          • \u8bbe\u8ba1\u7b80\u6d01\u6e05\u6670：\u5c0f\u5c3a\u5bf8\u4e0b\u4e5f\u8981\u80fd\u770b\u6e05<\/li>\n
                          • \u79fb\u52a8\u7aef\u4e0d\u8981\u5fd8\u8bb0：\u52a0\u4e0aapple-touch-icon<\/li>\n
                          • \u653e\u5728\u6839\u76ee\u5f55 + link\u6807\u7b7e\u6307\u5b9a：\u53cc\u91cd\u4fdd\u9669<\/li>\n
                          • \u66f4\u65b0\u540e\u8bb0\u5f97\u6e05\u7f13\u5b58：\u52a0\u7248\u672c\u53f7\u662f\u4e2a\u597d\u4e60\u60ef<\/li>\n
                            \n

                            \u516b\u3001\u7ed3\u8bed<\/h3>\n

                            favicon\u662f\u4e00\u4e2a\u5f88\u5c0f\u7684\u4e1c\u897f\u2014\u2014\u5c0f\u5230\u53ea\u670916\u4e2a\u50cf\u7d20\u89c1\u65b9\u3002\u4f46\u5b83\u53c8\u662f\u4e00\u4e2a\u5f88\u91cd\u8981\u7684\u4e1c\u897f\u2014\u2014\u91cd\u8981\u5230\u6bcf\u4e2a\u7f51\u7ad9\u90fd\u5e94\u8be5\u6709\u81ea\u5df1\u7684favicon\u3002<\/p>\n

                            \u5c31\u50cf\u6211\u4eec\u5e38\u8bf4\u7684：\u7ec6\u8282\u51b3\u5b9a\u54c1\u8d28\u3002 \u4e00\u4e2a\u5c0f\u5c0f\u7684favicon，\u53cd\u6620\u7684\u662f\u5f00\u53d1\u8005\u5bf9\u7ec6\u8282\u7684\u8ffd\u6c42，\u4ee5\u53ca\u5bf9\u7528\u6237\u4f53\u9a8c\u7684\u91cd\u89c6\u3002<\/p>\n

                            \u5b66\u5230\u8fd9\u91cc，\u4f60\u7684HTML\u9875\u9762\u5df2\u7ecf\u6709\u4e86\u6807\u9898\u3001\u63cf\u8ff0\u3001\u56fe\u6807\u2014\u2014\u8d8a\u6765\u8d8a\u50cf\u4e00\u4e2a\u771f\u6b63\u7684\u7f51\u7ad9\u4e86\u3002<\/p>\n

                            \u4e0b\u4e00\u7bc7\u6587\u7ae0，\u6211\u4eec\u5c06\u5b66\u4e60\u5982\u4f55\u5728HTML\u4e2d\u5f15\u5165\u5916\u90e8\u8d44\u6e90，\u6bd4\u5982CSS\u6837\u5f0f\u8868\u548cJavaScript\u811a\u672c\u3002\u8fd9\u662f\u4ece\u5355\u6587\u4ef6\u5230\u5b8c\u6574\u9879\u76ee\u7684\u91cd\u8981\u4e00\u6b65\u3002<\/p>\n

                            \u5b66\u4e60\u63d0\u793a：\u5efa\u8bae\u4f60\u7ed9\u81ea\u5df1\u7684\u4e2a\u4eba\u7f51\u9875\u4e5f\u505a\u4e00\u4e2afavicon\u3002\u4e0d\u9700\u8981\u591a\u590d\u6742，\u54ea\u6015\u7528\u4e00\u4e2a\u9996\u5b57\u6bcd\u6216\u8005\u4e00\u4e2aemoji\u90fd\u884c\u3002\u505a\u7684\u8fc7\u7a0b\u4e2d\u4f60\u4f1a\u5bf9favicon\u6709\u66f4\u6df1\u7684\u7406\u89e3\u3002<\/p>\n

                            \n

                            \u672c\u6587\u662f\u300aHTML\u4ece\u5165\u95e8\u5230\u7cbe\u901a\u300b\u4e13\u680f\u7684\u7b2c19\u7bc7\u6587\u7ae0\u3002\u5982\u679c\u4f60\u89c9\u5f97\u8fd9\u7bc7\u6587\u7ae0\u5bf9\u4f60\u6709\u5e2e\u52a9，\u6b22\u8fce\u7ee7\u7eed\u9605\u8bfb\u540e\u7eed\u6587\u7ae0，\u548c\u6211\u4e00\u8d77\u7cfb\u7edf\u5730\u5b66\u4e60HTML，\u4ece\u5165\u95e8\u8d70\u5411\u7cbe\u901a\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"

                            \u4e00\u3001\u5c0f\u56fe\u6807，\u5927\u95e8\u9762
                            \n\u4e0d\u77e5\u9053\u4f60\u6709\u6ca1\u6709\u6ce8\u610f\u8fc7，\u6d4f\u89c8\u5668\u6bcf\u4e2a\u6807\u7b7e\u9875\u7684\u5de6\u4fa7，\u90fd\u6709\u4e00\u4e2a\u5c0f\u5c0f\u7684\u56fe\u6807\u2014\u2014\u5b83\u5c31\u662f favicon（ favorites icon \u7684\u7f29\u5199，\u610f\u4e3a\\”\u6536\u85cf\u5939\u56fe\u6807\\”）\u3002
                            \n\u8fd9\u4e2a\u56fe\u6807\u867d\u7136\u5f88\u5c0f（\u901a\u5e38\u53ea\u670916\u00d716\u50cf\u7d20），\u4f46\u5b83\u7684\u4f5c\u7528\u53ef\u4e0d\u5c0f\u3002\u5b83\u5c31\u50cf\u7f51\u7ad9\u7684\\”\u5934\u50cf\\”，\u662f\u54c1\u724c\u5f62\u8c61\u7684\u91cd\u8981\u7ec4\u6210\u90e8\u5206\u3002\u5728\u4e00\u5806\u6253\u5f00\u7684\u6807\u7b7e\u9875\u4e2d，\u7528\u6237\u901a\u8fc7fav<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[12794,12795,2420,683,2065],"topic":[],"class_list":["post-116418","post","type-post","status-publish","format-standard","hentry","category-server","tag-html","tag-web","tag-2420","tag-683","tag-2065"],"yoast_head":"\n\u7f51\u9875\u56fe\u6807favicon\uff1a\u5982\u4f55\u7ed9\u7f51\u7ad9\u52a0\u4e0a\u5c0f\u56fe\u6807\uff1f - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/116418.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u7f51\u9875\u56fe\u6807favicon\uff1a\u5982\u4f55\u7ed9\u7f51\u7ad9\u52a0\u4e0a\u5c0f\u56fe\u6807\uff1f - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"\u4e00\u3001\u5c0f\u56fe\u6807，\u5927\u95e8\u9762 \u4e0d\u77e5\u9053\u4f60\u6709\u6ca1\u6709\u6ce8\u610f\u8fc7，\u6d4f\u89c8\u5668\u6bcf\u4e2a\u6807\u7b7e\u9875\u7684\u5de6\u4fa7，\u90fd\u6709\u4e00\u4e2a\u5c0f\u5c0f\u7684\u56fe\u6807\u2014\u2014\u5b83\u5c31\u662f favicon（ favorites icon \u7684\u7f29\u5199，\u610f\u4e3a"\u6536\u85cf\u5939\u56fe\u6807"）\u3002 \u8fd9\u4e2a\u56fe\u6807\u867d\u7136\u5f88\u5c0f（\u901a\u5e38\u53ea\u670916\u00d716\u50cf\u7d20），\u4f46\u5b83\u7684\u4f5c\u7528\u53ef\u4e0d\u5c0f\u3002\u5b83\u5c31\u50cf\u7f51\u7ad9\u7684"\u5934\u50cf"，\u662f\u54c1\u724c\u5f62\u8c61\u7684\u91cd\u8981\u7ec4\u6210\u90e8\u5206\u3002\u5728\u4e00\u5806\u6253\u5f00\u7684\u6807\u7b7e\u9875\u4e2d，\u7528\u6237\u901a\u8fc7fav\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/116418.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-21T02:24:38+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"21 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/116418.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/116418.html\",\"name\":\"\u7f51\u9875\u56fe\u6807favicon\uff1a\u5982\u4f55\u7ed9\u7f51\u7ad9\u52a0\u4e0a\u5c0f\u56fe\u6807\uff1f - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2026-10-21T02:24:38+00:00\",\"dateModified\":\"2026-10-21T02:24:38+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/116418.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/116418.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/116418.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u7f51\u9875\u56fe\u6807favicon\uff1a\u5982\u4f55\u7ed9\u7f51\u7ad9\u52a0\u4e0a\u5c0f\u56fe\u6807\uff1f\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u7f51\u9875\u56fe\u6807favicon\uff1a\u5982\u4f55\u7ed9\u7f51\u7ad9\u52a0\u4e0a\u5c0f\u56fe\u6807\uff1f - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/116418.html","og_locale":"zh_CN","og_type":"article","og_title":"\u7f51\u9875\u56fe\u6807favicon\uff1a\u5982\u4f55\u7ed9\u7f51\u7ad9\u52a0\u4e0a\u5c0f\u56fe\u6807\uff1f - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"\u4e00\u3001\u5c0f\u56fe\u6807，\u5927\u95e8\u9762 \u4e0d\u77e5\u9053\u4f60\u6709\u6ca1\u6709\u6ce8\u610f\u8fc7，\u6d4f\u89c8\u5668\u6bcf\u4e2a\u6807\u7b7e\u9875\u7684\u5de6\u4fa7，\u90fd\u6709\u4e00\u4e2a\u5c0f\u5c0f\u7684\u56fe\u6807\u2014\u2014\u5b83\u5c31\u662f favicon（ favorites icon \u7684\u7f29\u5199，\u610f\u4e3a\"\u6536\u85cf\u5939\u56fe\u6807\"）\u3002 \u8fd9\u4e2a\u56fe\u6807\u867d\u7136\u5f88\u5c0f（\u901a\u5e38\u53ea\u670916\u00d716\u50cf\u7d20），\u4f46\u5b83\u7684\u4f5c\u7528\u53ef\u4e0d\u5c0f\u3002\u5b83\u5c31\u50cf\u7f51\u7ad9\u7684\"\u5934\u50cf\"，\u662f\u54c1\u724c\u5f62\u8c61\u7684\u91cd\u8981\u7ec4\u6210\u90e8\u5206\u3002\u5728\u4e00\u5806\u6253\u5f00\u7684\u6807\u7b7e\u9875\u4e2d，\u7528\u6237\u901a\u8fc7fav","og_url":"https:\/\/www.wsisp.com\/helps\/116418.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2026-10-21T02:24:38+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"21 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/116418.html","url":"https:\/\/www.wsisp.com\/helps\/116418.html","name":"\u7f51\u9875\u56fe\u6807favicon\uff1a\u5982\u4f55\u7ed9\u7f51\u7ad9\u52a0\u4e0a\u5c0f\u56fe\u6807\uff1f - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2026-10-21T02:24:38+00:00","dateModified":"2026-10-21T02:24:38+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/116418.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/116418.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/116418.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"\u7f51\u9875\u56fe\u6807favicon\uff1a\u5982\u4f55\u7ed9\u7f51\u7ad9\u52a0\u4e0a\u5c0f\u56fe\u6807\uff1f"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/116418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=116418"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/116418\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=116418"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=116418"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=116418"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=116418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}