CN103902608A - Method and device for monitoring and compressing web images - Google Patents
Method and device for monitoring and compressing web images Download PDFInfo
- Publication number
- CN103902608A CN103902608A CN201210583790.1A CN201210583790A CN103902608A CN 103902608 A CN103902608 A CN 103902608A CN 201210583790 A CN201210583790 A CN 201210583790A CN 103902608 A CN103902608 A CN 103902608A
- Authority
- CN
- China
- Prior art keywords
- picture
- compressed
- picture file
- file
- web page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
Abstract
An embodiment of the invention discloses a method for monitoring and compressing web images. The method includes: acquiring image files in a target web page; acquiring type information of the image files; according to the type information of the image files, compressing the image files to obtain compressed images; according to the obtained compressed images, updating the target web page. Another embodiment of the invention further discloses a web image compressing device. The method and the device have the advantages that image files in web pages are adaptively compressed, resources for the web images are accordingly decreased, and loading speed of web pages is increased.
Description
Technical field
The present invention relates to a kind of Internet technical field, the method and apparatus that relates in particular to a kind of web page monitored picture and compress.
Background technology
Along with the development of internet and information-based highway, web page files volume more and more highlights, the resource file loading velocity that web page files is relevant directly affects Internet user's experience, and wherein, the impact of the loading velocity of the picture file that the page comprises is the most obviously with general.And the common web page editing of existing picture compression technology separates, and generally do not support the selection of compress mode and the self-adaptation proportioning of compression accuracy, be difficult to compress according to the needs of picture and scene.
Summary of the invention
Embodiment of the present invention technical matters to be solved is, the method and apparatus that a kind of web page monitored picture is provided and compresses, can carry out self-adapting compressing to the picture file in webpage, thereby reduce the shared resource of Web page picture, accelerate the loading velocity of webpage.
In order to solve the problems of the technologies described above, a kind of method that the embodiment of the present invention provides web page monitored picture and compressed, described method comprises:
Obtain the picture file in target web;
Obtain the type information of described picture file;
According to the type information of described picture file, described picture file is compressed, obtain compressed picture;
Upgrade described target web according to the described compressed picture obtaining.
Wherein, describedly according to the type information of described picture file, described picture file is also comprised before compressing:
Confirm that described picture file is compressible picture.
Wherein, the described picture file of described confirmation is that compressible picture comprises:
Judge whether compressed picture of described picture file, if not compressed picture confirms that described picture file is compressible picture.
Wherein, the picture file obtaining described in target web comprises:
Obtain described picture file by the img label in target web described in matching regular expressions; Or
Monitor described target web by javascript and obtain the picture file in described target web.
Wherein, the type information of described picture file comprises picture/mb-type and/or the displayed scene of described picture file;
Describedly according to the type information of described picture file, described picture file is compressed and is comprised:
Select corresponding compress mode and/or compression loss according to the type information of described picture file;
According to the compress mode of described selection and/or compression loss, described picture file is compressed.
Wherein, the compressed picture obtaining described in described basis upgrades described target web and comprises:
The access path of compressed picture described in the access path of the picture file in described target web is replaced to.
Correspondingly, the embodiment of the present invention also provides a kind of Web page picture compression set, and described Web page picture compression set comprises:
Web page picture acquisition module, for obtaining the picture file of target web;
Pictorial information acquisition module, for obtaining the type information of described picture file;
Picture compression module, for described picture file being compressed according to the type information of described picture file, obtains compressed picture;
Page refreshment module, upgrades described target web for the compressed picture obtaining described in basis.
Wherein, described Web page picture compression set also comprises:
Confirm module, for confirming that described picture file is compressible picture, and trigger described picture compression module the picture file of confirming as compressible picture is compressed.
Wherein, described confirmation module specifically for: judge whether compressed picture of described picture file, if not compressed picture confirms that described picture file is compressible picture.
Wherein, described Web page picture acquisition module comprises:
Static monitoring unit, obtains described picture file for the img label by target web described in matching regular expressions; Or
Dynamic monitoring unit, obtains the picture file of described target web for monitoring described target web by javascript.
The type information of the described picture file that wherein, described pictorial information acquisition module gets comprises picture/mb-type and/or the displayed scene of described picture file;
Described picture compression module comprises:
Compressed configuration unit, for selecting corresponding compress mode and/or compression loss according to the type information of described picture file;
Compression unit, for compressing described picture file according to the compress mode of described selection and/or compression loss.
Wherein, described page refreshment module specifically for:
The access path of compressed picture described in the access path of the picture file in described target web is replaced to.
The embodiment of the present invention is by monitoring the picture file in target web, according to the type information of picture file, picture file is carried out the compression of different configurations, realize the picture file in webpage has been carried out to self-adapting compressing, thereby reduce the shared resource of Web page picture, accelerate the loading velocity of webpage.
Accompanying drawing explanation
In order to be illustrated more clearly in the embodiment of the present invention or technical scheme of the prior art, to the accompanying drawing of required use in embodiment or description of the Prior Art be briefly described below, apparently, accompanying drawing in the following describes is only some embodiments of the present invention, for those of ordinary skills, do not paying under the prerequisite of creative work, can also obtain according to these accompanying drawings other accompanying drawing.
Fig. 1 is the schematic flow sheet of a kind of web page monitored picture in the embodiment of the present invention the method compressed;
Fig. 2 is the structural representation of a kind of Web page picture compression set in the embodiment of the present invention;
Fig. 3 is the structural representation of the Web page picture acquisition module 210 of the web page monitored picture in the embodiment of the present invention the method compressed;
Fig. 4 is the structural representation of the picture compression module 230 of the web page monitored picture in the embodiment of the present invention the method compressed.
Embodiment
Below in conjunction with the accompanying drawing in the embodiment of the present invention, the technical scheme in the embodiment of the present invention is clearly and completely described, obviously, described embodiment is only the present invention's part embodiment, rather than whole embodiment.Based on the embodiment in the present invention, those of ordinary skills, not making the every other embodiment obtaining under creative work prerequisite, belong to the scope of protection of the invention.
Fig. 1 is the schematic flow sheet of a kind of web page monitored picture in the embodiment of the present invention the method compressed, and the web page monitored picture in the present invention the method compressed at least can comprise following flow process as shown in the figure:
S101, obtains the picture file in target web.
Concrete, can obtain target web through but not limited to following mode: 1) user is by the webpage of RichText Edition frame or visual edit input, and user edits the webpage of wanting to upload issue; 2) be this locality preserve web page files or ask remote access webpage by http, i.e. already present web page files.And then can obtain at least one picture file in target web by the combination that includes but not limited to any one or two kinds of modes in following two kinds of modes:
A) static monitoring: by the picture tag (as img) in matching regular expressions target web, can get the accessible paths of the picture file in target web;
B) dynamic monitoring: by javascript monitoring objective webpage, the elementary event in traversal target pages, the picture file that the mutual overall process of dynamic monitoring target pages uses.
S102, obtains the type information of described picture file.
Concrete, the type information of described picture file is for distinguishing the use scenes of described picture file at target web, can be by resolving the type of webpage of described target web, the display position of picture file in target web or obtain webpage publisher and obtain for the default type information of picture file the type information of picture file in target web, can comprise picture/mb-type and/or the displayed scene of described picture file, for example, static product picture in the detailed page of product, in the dynamic publicity Background of website homepage and forum by the picture file of uploading user and be provided with according to actual needs picture/mb-type and displayed scene.
S103, compresses described picture file according to the type information of described picture file, obtains compressed picture.
Concrete, can first select corresponding compress mode and/or compression loss according to the type information of described picture file, for example, static product picture in the detailed page of product can the high definition requirement of correspondence, when being compressed, it can configure the minimum compress mode of loss and/or compression loss, and the dynamic publicity Background of website homepage can corresponding lower sharpness requirement, when being compressed, it can configure compress mode and/or the compression loss of higher losses, thereby can save webpage flow, improve page access speed.Further in other optional embodiment, can be according to the data total amount of the picture file in target web dynamically to picture file configuration compress mode and/or compression loss in target web, for example for example,, when very large (portal website's homepage) of the picture file data amount in target web, can when being compressed, the picture file in this target web unify to adjust to the more higher leveled compress mode of loss and/or compression loss.
Selecting according to the type information of described picture file after corresponding compress mode and/or compression loss, can compress described picture file according to the compress mode of described selection and/or compression loss, and then web page server specify database in preserve compression before picture file (if the picture of uploading can directly be preserved picture file, if the picture file of quoting by access path can be preserved the access path of picture file) and compression after compressed picture, and generate the access path of preserving of compressed picture after compression in web page server.In needing or can be by the database of specifying at web page server when the data situation such as make mistakes need to call the picture file before compression, user is deployed into the picture file before the compression of preservation.Further alternative, if the size of data of compressed picture is identical with the picture file before compression after the picture file in target web is compressed, can selects to abandon this and compress, compressed picture described in abandoning.
Further alternative, before the picture file in target web is compressed, can first determine that described picture file is compressible picture, the title of the compressed picture for example, obtaining after described picture file being compressed or access path are with specific rule name, make compressed picture obviously to distinguish with compressed picture not, thereby can judge whether compressed picture of this picture file according to the title of the picture file in target web or access path, if show that this picture file can not further compress again, otherwise show that this file is compressible picture.
S104, upgrades described target web according to the described compressed picture obtaining.
Concrete, the access path of compressed picture described in the access path of the picture file in described target web can being replaced to, and generate the Web page picture of the renewal that comprises the compressed picture after replacement.
Fig. 2 is the structural representation of a kind of Web page picture compression set in the embodiment of the present invention, Web page picture compression set in the present invention can be realized at internet terminal (as PC, mobile phone, panel computer etc.) or web page server (website background server, social networking service device etc.) upper, and Web page picture compression set of the present invention at least can comprise as shown in the figure:
Web page picture acquisition module 210, for obtaining the picture file of target web.
In specific implementation, Web page picture acquisition module 210 can obtain target web through but not limited to following mode: 1) user is by the webpage of RichText Edition frame or visual edit input, and user edits the webpage of wanting to upload issue; 2) be this locality preserve web page files or ask remote access webpage by http, i.e. already present web page files.And then as shown in Figure 3, Web page picture acquisition module 210 can comprise static monitoring unit 211 and/or dynamic monitoring unit 212, at least one picture file in target web is obtained in combination through but not limited to any one or two kinds of modes in following two kinds of modes, wherein:
Pictorial information acquisition module 220, for obtaining the type information of described picture file.
In specific implementation, the type information of described picture file is for distinguishing the use scenes of described picture file at target web, can be by resolving the type of webpage of described target web, the display position of picture file in target web or obtain webpage publisher and obtain for the default type information of picture file the type information of picture file in target web, can comprise picture/mb-type and/or the displayed scene of described picture file, for example, static product picture in the detailed page of product, in the dynamic publicity Background of website homepage and forum by the picture file of uploading user and be provided with according to actual needs picture/mb-type and displayed scene.
In specific implementation, the access path of compressed picture described in page refreshment module 240 can replace to the access path of the picture file in described target web, and generate the Web page picture of the renewal that comprises the compressed picture after replacement.
Optionally, the Web page picture compression set in the embodiment of the present invention may further include:
The embodiment of the present invention is by monitoring the picture file in target web, according to the type information of picture file, picture file is carried out the compression of different configurations, realize the picture file in webpage has been carried out to self-adapting compressing, thereby reduce the shared resource of Web page picture, accelerate the loading velocity of webpage.
One of ordinary skill in the art will appreciate that all or part of flow process realizing in above-described embodiment method, can carry out the hardware that instruction is relevant by computer program to complete, described program can be stored in a computer read/write memory medium, this program, in the time carrying out, can comprise as the flow process of the embodiment of above-mentioned each side method.Wherein, described storage medium can be magnetic disc, CD, read-only store-memory body (Read-Only Memory, ROM) or random store-memory body (Random Access Memory, RAM) etc.
Above disclosed is only preferred embodiment of the present invention, certainly can not limit with this interest field of the present invention, and the equivalent variations of therefore doing according to the claims in the present invention, still belongs to the scope that the present invention is contained.
Claims (12)
1. web page monitored picture the method compressed, is characterized in that, described method comprises:
Obtain the picture file in target web;
Obtain the type information of described picture file;
According to the type information of described picture file, described picture file is compressed, obtain compressed picture;
Upgrade described target web according to the described compressed picture obtaining.
2. web page monitored picture as claimed in claim 1 the method compressed, is characterized in that, describedly also comprises before described picture file being compressed according to the type information of described picture file:
Confirm that described picture file is compressible picture.
3. web page monitored picture as claimed in claim 2 the method compressed, is characterized in that, the described picture file of described confirmation is that compressible picture comprises:
Judge whether compressed picture of described picture file, if not compressed picture confirms that described picture file is compressible picture.
4. web page monitored picture as claimed in claim 1 the method compressed, is characterized in that, described in the picture file that obtains in target web comprise:
Obtain described picture file by the img label in target web described in matching regular expressions; Or
Monitor described target web by javascript and obtain the picture file in described target web.
5. web page monitored picture as claimed in claim 1 the method compressed, is characterized in that, the type information of described picture file comprises picture/mb-type and/or the displayed scene of described picture file;
Describedly according to the type information of described picture file, described picture file is compressed and is comprised:
Select corresponding compress mode and/or compression loss according to the type information of described picture file;
According to the compress mode of described selection and/or compression loss, described picture file is compressed.
6. web page monitored picture as claimed in claim 1 the method compressed, is characterized in that, the compressed picture obtaining described in described basis upgrades described target web and comprises:
The access path of compressed picture described in the access path of the picture file in described target web is replaced to.
7. a Web page picture compression set, is characterized in that, described Web page picture compression set comprises:
Web page picture acquisition module, for obtaining the picture file of target web;
Pictorial information acquisition module, for obtaining the type information of described picture file;
Picture compression module, for described picture file being compressed according to the type information of described picture file, obtains compressed picture;
Page refreshment module, upgrades described target web for the compressed picture obtaining described in basis.
8. Web page picture compression set as claimed in claim 7, is characterized in that, described Web page picture compression set also comprises:
Confirm module, for confirming that described picture file is compressible picture, and trigger described picture compression module the picture file of confirming as compressible picture is compressed.
9. Web page picture compression set as claimed in claim 8, is characterized in that, described confirmation module specifically for: judge whether compressed picture of described picture file, if not compressed picture confirms that described picture file is compressible picture.
10. Web page picture compression set as claimed in claim 7, is characterized in that, described Web page picture acquisition module comprises:
Static monitoring unit, obtains described picture file for the img label by target web described in matching regular expressions; Or
Dynamic monitoring unit, obtains the picture file of described target web for monitoring described target web by javascript.
11. Web page picture compression sets as claimed in claim 7, is characterized in that, the type information of the described picture file that described pictorial information acquisition module gets comprises picture/mb-type and/or the displayed scene of described picture file;
Described picture compression module comprises:
Compressed configuration unit, for selecting corresponding compress mode and/or compression loss according to the type information of described picture file;
Compression unit, for compressing described picture file according to the compress mode of described selection and/or compression loss.
12. Web page picture compression sets as claimed in claim 7, is characterized in that, described page refreshment module specifically for:
The access path of compressed picture described in the access path of the picture file in described target web is replaced to.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210583790.1A CN103902608B (en) | 2012-12-28 | 2012-12-28 | A kind of web page monitored picture and the method and apparatus compressed |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210583790.1A CN103902608B (en) | 2012-12-28 | 2012-12-28 | A kind of web page monitored picture and the method and apparatus compressed |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103902608A true CN103902608A (en) | 2014-07-02 |
| CN103902608B CN103902608B (en) | 2019-06-07 |
Family
ID=50993936
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201210583790.1A Active CN103902608B (en) | 2012-12-28 | 2012-12-28 | A kind of web page monitored picture and the method and apparatus compressed |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103902608B (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108874829A (en) * | 2017-05-12 | 2018-11-23 | 腾讯科技（深圳）有限公司 | Processing method, device, smart machine and the computer storage medium of webpage |
| CN108932277A (en) * | 2018-04-25 | 2018-12-04 | 网宿科技股份有限公司 | A kind of webpage loading method, webpage loading system and server |
| CN109213736A (en) * | 2017-06-29 | 2019-01-15 | 阿里巴巴集团控股有限公司 | The compression method and device of log |
| CN110765386A (en) * | 2019-10-28 | 2020-02-07 | 北京字节跳动网络技术有限公司 | Webpage image monitoring method and device, electronic equipment and readable storage medium |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1655578A (en) * | 2004-02-12 | 2005-08-17 | 施乐公司 | Systems and methods for adjusting image data to form highly compressible image planes |
| CN1677390A (en) * | 2005-02-02 | 2005-10-05 | 广州网上新生活软件技术服务有限公司 | Multiple typeface, size and model displaying system and method in embedded system |
| US20100115056A1 (en) * | 2008-10-30 | 2010-05-06 | Raja Singh Tuli | Image transmission method |
-
2012
- 2012-12-28 CN CN201210583790.1A patent/CN103902608B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1655578A (en) * | 2004-02-12 | 2005-08-17 | 施乐公司 | Systems and methods for adjusting image data to form highly compressible image planes |
| CN1677390A (en) * | 2005-02-02 | 2005-10-05 | 广州网上新生活软件技术服务有限公司 | Multiple typeface, size and model displaying system and method in embedded system |
| US20100115056A1 (en) * | 2008-10-30 | 2010-05-06 | Raja Singh Tuli | Image transmission method |
Non-Patent Citations (1)
| Title |
|---|
| 林健: "基于DMB-TH的移动数字电视接收机的设计与实现", 《中国优秀硕士学位论文全文数据库信息科技辑》 * |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108874829A (en) * | 2017-05-12 | 2018-11-23 | 腾讯科技（深圳）有限公司 | Processing method, device, smart machine and the computer storage medium of webpage |
| CN108874829B (en) * | 2017-05-12 | 2023-05-09 | 腾讯科技（深圳）有限公司 | Webpage processing method and device, intelligent equipment and computer storage medium |
| CN109213736A (en) * | 2017-06-29 | 2019-01-15 | 阿里巴巴集团控股有限公司 | The compression method and device of log |
| CN108932277A (en) * | 2018-04-25 | 2018-12-04 | 网宿科技股份有限公司 | A kind of webpage loading method, webpage loading system and server |
| CN108932277B (en) * | 2018-04-25 | 2021-02-05 | 网宿科技股份有限公司 | Webpage loading method, webpage loading system and server |
| CN110765386A (en) * | 2019-10-28 | 2020-02-07 | 北京字节跳动网络技术有限公司 | Webpage image monitoring method and device, electronic equipment and readable storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103902608B (en) | 2019-06-07 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110781423B (en) | Webpage generation method and device and electronic equipment | |
| EP2690580B1 (en) | Identification code processing system, identification code processing method thereof, and apparatus for supporting same | |
| CN104038705B (en) | Video creating method and device | |
| CN104216898A (en) | Browser navigation method and device and terminal equipment | |
| CN104765746B (en) | Data processing method and device for mobile communication terminal browser | |
| CN105549936B (en) | Data table display method and device | |
| CN105955593B (en) | Method and device for presenting discussion information | |
| CN108647348A (en) | Textual presentation method, apparatus, equipment and storage medium | |
| CN104426925A (en) | Webpage resource obtaining method and apparatus | |
| CN104272237A (en) | Device and method for providing responsive user interface, and recording medium readable by electronic device for same | |
| CN105635670A (en) | Video pre-monitoring method and system | |
| CN103902608A (en) | Method and device for monitoring and compressing web images | |
| CN104572084A (en) | Method and device for user interface generating and data issuing in card business | |
| CN106294413A (en) | The loading method of picture and device | |
| US11074646B1 (en) | Dynamically selecting an image for display | |
| CN108037904B (en) | Visual data pushing method and system | |
| Andersson et al. | Mobile e-services using HTML5 | |
| CN103248647A (en) | Method and server providing cross-platform book reading | |
| CN110889057B (en) | Service data visualization method and service object visualization device | |
| CN106406842A (en) | A method and a system for displaying histograms on webpages | |
| CN104077426A (en) | Data recording method and device | |
| CN104111997A (en) | Information display method, device and system based on browser client | |
| CN104572598A (en) | Typesetting method and device for digitally published product | |
| US9280512B2 (en) | Computerized system and method for remote access to a computer program | |
| US20170053383A1 (en) | Apparatus and method for providing 3d content and recording medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |