22 KiB
22 KiB
DOM audit (phase A)
2026-08-29T02:33:28.258Z
Сводка
| route | ref | added | removed | tag | text |
|---|---|---|---|---|---|
/preview/demo |
demo.html | 0 | 0 | 0 | 0 |
/preview/list-tools |
list-tools.html | 150 | 80 | 0 | 1 |
/preview/tools/linear-gradient-png |
gradient.html | 5 | 6 | 2 | 1 |
/preview/tools/remove-background-png |
background-remover.html | 7 | 6 | 2 | 1 |
/preview/demo (vs demo.html)
- added: 0 (≈0 узл.), removed: 0 (≈0 узл.), tag: 0, text: 0
Расхождения (топ 0)
расхождений нет
/preview/list-tools (vs list-tools.html)
- added: 150 (≈1043 узл.), removed: 80 (≈87 узл.), tag: 0, text: 1
Расхождения (топ 150)
body > main:1 > div:2 > div:1 > div:2 > b:1added (b"130" · 1 узл.)body > main:1 > div:2 > div:1 > div:2 > span:2text: oursTOOLSAVAILABLE→ refTOOLS AVAILABLEbody > main:1 > div:2 > div:1 > div:2 > b:1removed (b"32" · 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:1 > i:2added (i"21 TOOLS" · 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:1 > i:2removed (i"05 TOOLS" · 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:1 > span:2 > span:2added (span"Opens a JPEG and saves it as lossless PNG. Transparency, if present, is preserved." · 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:1 > span:2 > span:2removed (span"Re-encode JPEG files as lossless PNG while preserving transparency." · 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:1 > span:4added (span· 2 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:1 > svg:4removed (svg· 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:2 > span:2 > span:2added (span"Re-encodes a WebP image into universal PNG." · 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:2 > span:2 > span:2removed (span"Turn WebP images into a universal PNG format for any workflow." · 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:2 > span:4added (span· 2 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:2 > svg:4removed (svg· 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:3 > span:2 > strong:1added (strong"Convert GIF to PNG" · 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:3 > span:2 > span:2added (span"Extracts the first frame of a GIF animation and saves it as PNG." · 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:3 > span:2 > strong:1removed (strong"PNG to Base64" · 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:3 > span:2 > span:2removed (span"Encode an image as a base64 string for embedding in code or styles." · 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:3 > span:4added (span· 2 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:3 > svg:4removed (svg· 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:4 > span:2 > strong:1added (strong"Convert BMP to PNG" · 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:4 > span:2 > span:2added (span"Re-encodes BMP into compact lossless PNG." · 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:4 > span:2 > strong:1removed (strong"PNG to Data URI" · 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:4 > span:2 > span:2removed (span"Build a complete data URI ready for HTML and CSS." · 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:4 > span:4added (span· 2 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:4 > svg:4removed (svg· 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:5 > span:2 > strong:1added (strong"Convert ICO to PNG" · 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:5 > span:2 > span:2added (span"Turns an .ico icon into a regular PNG of the chosen size." · 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:5 > span:2 > strong:1removed (strong"Convert PNG to JPG" · 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:5 > span:2 > span:2removed (span"Composite transparency over a selected backdrop and export JPEG." · 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:5 > span:4added (span· 2 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:5 > svg:4removed (svg· 1 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:6added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:7added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:8added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:9added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:10added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:11added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:12added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:13added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:14added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:15added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:16added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:17added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:18added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:19added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:20added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:1 > div:2 > a:21added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:2 > div:1 > i:2added (i"21 TOOLS" · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:1 > i:2removed (i"05 TOOLS" · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:1 > span:2 > strong:1added (strong"Circle Mask PNG" · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:1 > span:2 > span:2added (span"Cuts the image into a circle. Diameter is set as a share of the smaller side." · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:1 > span:2 > strong:1removed (strong"Remove background PNG" · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:1 > span:2 > span:2removed (span"Remove a solid background by color, tolerance, or edge-connected regions." · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:1 > span:4added (span· 2 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:1 > svg:4removed (svg· 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:2 > span:2 > strong:1added (strong"Square Mask PNG" · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:2 > span:2 > span:2added (span"Cuts the image into a rectangle with sides as a share of the smaller side." · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:2 > span:2 > strong:1removed (strong"Extract alpha mask" · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:2 > span:2 > span:2removed (span"Turn the alpha channel into a clean black-and-white mask." · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:2 > span:4added (span· 2 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:2 > svg:4removed (svg· 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:3 > span:2 > strong:1added (strong"Star Mask PNG" · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:3 > span:2 > span:2added (span"Cuts the image into an n-pointed star with adjustable inner radius and rotation." · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:3 > span:2 > strong:1removed (strong"Round corners PNG" · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:3 > span:2 > span:2removed (span"Clip the image corners by a precise radius percentage." · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:3 > span:4added (span· 2 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:3 > svg:4removed (svg· 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:4 > span:2 > strong:1added (strong"Wavy Mask PNG" · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:4 > span:2 > span:2added (span"Cuts the image into a wavy-edged circle: radius is modulated by a sine with chosen amplitude and frequency." · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:4 > span:2 > strong:1removed (strong"Outline PNG" · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:4 > span:2 > span:2removed (span"Add a colored ring around opaque content with adjustable thickness." · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:4 > span:4added (span· 2 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:4 > svg:4removed (svg· 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:5 > span:2 > strong:1added (strong"Remove alpha channel PNG" · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:5 > span:2 > span:2added (span"Composites the image over a white background and saves without transparency." · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:5 > span:2 > strong:1removed (strong"Change PNG opacity" · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:5 > span:2 > span:2removed (span"Multiply the alpha channel while keeping the original colors unchanged." · 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:5 > span:4added (span· 2 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:5 > svg:4removed (svg· 1 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:6added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:7added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:8added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:9added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:10added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:11added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:12added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:13added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:14added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:15added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:16added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:17added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:18added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:19added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:20added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:2 > div:2 > a:21added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:1 > i:2added (i"25 TOOLS" · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:1 > i:2removed (i"05 TOOLS" · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:1 > span:2 > strong:1added (strong"Split PNG into HSL" · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:1 > span:2 > span:2added (span"Decomposes the image into Hue, Saturation and Lightness components." · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:1 > span:2 > strong:1removed (strong"Create gradient PNG" · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:1 > span:2 > span:2removed (span"Generate a smooth transition between two colors with direction controls." · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:1 > span:4added (span· 2 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:1 > svg:4removed (svg· 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:2 > span:2 > strong:1added (strong"Split PNG into HSV" · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:2 > span:2 > span:2added (span"Decomposes the image into Hue, Saturation and Value (brightness) components." · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:2 > span:2 > strong:1removed (strong"Grayscale PNG" · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:2 > span:2 > span:2removed (span"Convert the image to luminance-based shades of gray." · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:2 > span:4added (span· 2 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:2 > svg:4removed (svg· 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:3 > span:2 > strong:1added (strong"Split PNG into HSI" · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:3 > span:2 > span:2added (span"Decomposes the image into Hue, Saturation and Intensity components." · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:3 > span:2 > strong:1removed (strong"Invert colors PNG" · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:3 > span:2 > span:2removed (span"Invert every color channel while leaving alpha untouched." · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:3 > span:4added (span· 2 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:3 > svg:4removed (svg· 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:4 > span:2 > strong:1added (strong"Convert PNG to CMYK Colors" · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:4 > span:2 > span:2added (span"Decomposes the image into print-style Cyan, Magenta, Yellow and Key (black) components." · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:4 > span:2 > strong:1removed (strong"Brightness & contrast" · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:4 > span:2 > span:2removed (span"Adjust brightness and contrast across a controlled range." · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:4 > span:4added (span· 2 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:4 > svg:4removed (svg· 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:5 > span:2 > strong:1added (strong"Convert PNG to YCbCr Colors" · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:5 > span:2 > span:2added (span"Decomposes the image into Luma (Y) and Blue-difference / Red-difference chroma components." · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:5 > span:2 > strong:1removed (strong"Temperature PNG" · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:5 > span:2 > span:2removed (span"Make an image warmer or cooler with a single precise control." · 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:5 > span:4added (span· 2 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:5 > svg:4removed (svg· 1 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:6added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:7added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:8added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:9added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:10added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:11added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:12added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:13added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:14added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:15added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:16added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:17added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:18added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:19added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:20added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:21added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:22added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:23added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:24added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:3 > div:2 > a:25added (a· 9 узл.)body > main:1 > div:2 > div:3 > section:4 > div:1 > i:2added (i"18 TOOLS" · 1 узл.)body > main:1 > div:2 > div:3 > section:4 > div:1 > i:2removed (i"05 TOOLS" · 1 узл.)body > main:1 > div:2 > div:3 > section:4 > div:2 > a:1 > span:2 > span:2added (span"Scales the image with bilinear interpolation. With aspect kept, one side defines the scale; if both are set, the image fits inside them." · 1 узл.)
…и ещё 81 (см. json)
/preview/tools/linear-gradient-png (vs gradient.html)
- added: 5 (≈154 узл.), removed: 6 (≈72 узл.), tag: 2, text: 1
Расхождения (топ 14)
body > main:1 > div:2 > section:1tag: ourssection→ refdivbody > main:1 > div:2 > section:1text: ours `` → refPNG PROCESSING SINGLE TOOLbody > main:1 > div:2 > section:1 > section:1added (section· 145 узл.)body > main:1 > div:2 > section:1 > span:1removed (span"/" · 1 узл.)body > main:1 > div:2 > section:2tag: ourssection→ refdivbody > main:1 > div:2 > section:2 > header:1added (header· 5 узл.)body > main:1 > div:2 > section:2 > div:2 > div:1added (div· 1 узл.)body > main:1 > div:2 > section:2 > div:2 > div:2added (div· 1 узл.)body > main:1 > div:2 > section:2 > div:2 > h1:1removed (h1"Gradient background." · 1 узл.)body > main:1 > div:2 > section:2 > div:2 > p:2removed (p"Create a clean, export-ready gradient with precise control over color, direction and transparency." · 1 узл.)body > main:1 > div:2 > section:2 > span:2removed (span"LIVE PREVIEW" · 2 узл.)body > main:1 > div:2 > div:3removed (div· 66 узл.)body > main:1 > footer:3 > span:2added (span"pipeline is local-only" · 2 узл.)body > main:1 > footer:3 > span:2removed (span"gradient tool · local-only" · 1 узл.)
/preview/tools/remove-background-png (vs background-remover.html)
- added: 7 (≈152 узл.), removed: 6 (≈77 узл.), tag: 2, text: 1
Расхождения (топ 16)
body > main:1 > div:2 > section:1tag: ourssection→ refdivbody > main:1 > div:2 > section:1text: ours `` → refPNG PROCESSING SINGLE TOOLbody > main:1 > div:2 > section:1 > section:1added (section· 138 узл.)body > main:1 > div:2 > section:1 > span:1removed (span"/" · 1 узл.)body > main:1 > div:2 > section:2tag: ourssection→ refdivbody > main:1 > div:2 > section:2 > header:1added (header· 5 узл.)body > main:1 > div:2 > section:2 > div:2 > div:1added (div· 4 узл.)body > main:1 > div:2 > section:2 > div:2 > div:2added (div· 1 узл.)body > main:1 > div:2 > section:2 > div:2 > div:3added (div· 1 узл.)body > main:1 > div:2 > section:2 > div:2 > h1:1removed (h1"Remove background." · 1 узл.)body > main:1 > div:2 > section:2 > div:2 > p:2removed (p"Select a background color and tune the edge detection. Changes are processed automatically in your browser." · 1 узл.)body > main:1 > div:2 > section:2 > span:2removed (span"LIVE PREVIEW" · 2 узл.)body > main:1 > div:2 > div:3removed (div· 71 узл.)body > main:1 > footer:3 > span:2added (span"pipeline is local-only" · 2 узл.)body > main:1 > footer:3 > span:2removed (span"background remover · local-only" · 1 узл.)body > div:2added (div· 1 узл.)