WO2018040964A1 - Network image loading method, device and system - Google Patents

Network image loading method, device and system Download PDF

Info

Publication number
WO2018040964A1
WO2018040964A1 PCT/CN2017/098226 CN2017098226W WO2018040964A1 WO 2018040964 A1 WO2018040964 A1 WO 2018040964A1 CN 2017098226 W CN2017098226 W CN 2017098226W WO 2018040964 A1 WO2018040964 A1 WO 2018040964A1
Authority
WO
WIPO (PCT)
Prior art keywords
data
picture
data block
network
display
Prior art date
Application number
PCT/CN2017/098226
Other languages
French (fr)
Chinese (zh)
Inventor
屈琳雅
Original Assignee
阿里巴巴集团控股有限公司
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 阿里巴巴集团控股有限公司 filed Critical 阿里巴巴集团控股有限公司
Publication of WO2018040964A1 publication Critical patent/WO2018040964A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching

Definitions

  • the present application relates to the field of digital image processing technologies, and in particular, to a method, an apparatus, and a system for loading a network picture.
  • the amount of information contained in webpages is getting larger and larger, and the proportion of images in webpages is also increasing.
  • the amount of data is larger than other textual information in webpages.
  • the signal strength varies greatly due to the influence of the number of base stations and the location of the terminal.
  • the data network signal is relatively strong, and in some places, the signal is weak. Due to the large amount of data on the image and the slow speed of the terminal network, the time that the picture is transmitted to the terminal through the network is usually longer. At this time, the user needs to wait a long time on the page to see the picture content.
  • the loading speed of the product image on the page can greatly affect whether the user stays on this page to continue browsing. If the product image cannot be displayed quickly, it is likely to lose the potential user. Aiming at this problem, a more common method is to preload a LOGO image that is not related to the product image, and receive the image data of the product image, and wait for the image data to be received before displaying the product image. Since the LOGO image has nothing to do with the product itself, this may cause the user to stay on a useless page for too much time. If the product image has not left before the product image is displayed, it will also increase the chance of user loss. Therefore, it is necessary to provide a method for loading a network picture, and display the picture content of the network picture as quickly as possible without changing the amount of picture data and the network transmission speed.
  • the embodiment of the present application provides a method, a device, and a system for loading a network picture, which are used to improve the display speed of a network picture.
  • the embodiment of the present application provides a method for loading a network picture, where the method includes: receiving a data block of a network picture sent by a network server, where the network picture includes at least two data blocks, and the data The block is generated according to the picture data of the network picture; the received data block is restored to the corresponding picture data of the network picture; and the restored picture data is loaded to the display page for display.
  • generating the data block according to the picture data of the network picture comprises: performing spectrum transformation on the picture data of the network picture; forming the data block according to the frequency of the spectrum data after the spectrum conversion, wherein different The frequency interval corresponds to different data blocks.
  • the data block included in the network picture is N blocks, and the data block that has been received is restored to the corresponding picture data of the network picture, and the restored picture data is loaded into the display page for display, including:
  • the i-th data block is received, the i-th data block and the received i-th previous data block are restored to the corresponding picture data of the network picture, and the restored picture data is loaded into the display page for display, wherein 1 ⁇ i ⁇ N.
  • the N is 3, when i is 1, the i-th data block is a low-frequency data block, and when i is 2, the i-th data block is an intermediate frequency data block, and when i is 3, the i-th The data block is a high frequency data block; when the i th data block is received, the i th data block and the received i th previous data block are restored to corresponding picture data of the network picture, and the restored picture data is restored.
  • Loading to the display page for display specifically: when receiving the low frequency data block, restoring the low frequency data block to the corresponding picture data of the network picture, loading the restored picture data to the display page for display; when receiving the intermediate frequency data block The low frequency data block and the intermediate frequency data block are restored to the corresponding picture data of the network picture, and the restored picture data is loaded to the display page for display; when the high frequency data block is received, the low frequency data block, the intermediate frequency data block and the high frequency are obtained. The data block is restored to the corresponding picture data of the network picture, and the restored picture data is loaded to the display page for display.
  • the data block tail has an end identifier, and when the end identifier is received, it is determined that the data block is received.
  • the number of the at least two data blocks is determined according to the amount of data of the picture data constituting the network picture.
  • the embodiment of the present application provides a method for loading a network picture, where the method includes: receiving a data block of a network picture sent by a network server, where the network picture includes at least two data blocks, where the data block is Decomposing the picture data of the network picture; determining the received data block as the picture data to be loaded; loading the picture data to be loaded into the display page for display.
  • an embodiment of the present application provides a network picture loading device, where the device includes a receiving module, a restoration module, and a loading module, where: the receiving module receives a data block of a network picture sent by a network server, where The network picture includes at least two data blocks, and the data block is generated according to the picture data of the network picture; the restoring module restores the received data block to the corresponding picture number of the network picture According to the loading module, the restored image data is loaded into the display page for display.
  • the data block received by the receiving module is generated according to picture data of the network picture, where: the data block is to perform spectrum transformation on picture data of the network picture;
  • the frequency of the data is formed, wherein different frequency intervals correspond to different data blocks.
  • the network picture includes a data block of N blocks
  • the restoration module restores the received data block to corresponding picture data of the network picture
  • the loading module loads the restored picture data.
  • the method includes: when receiving the i-th data block, the restoring module restores the i-th data block and the received i-th previous data block to corresponding picture data of the network picture, The loading module loads the restored picture data into a display page for display, where 1 ⁇ i ⁇ N.
  • an embodiment of the present application provides a network picture loading system, where the system includes a network server and a client, where: the network server sends a data block of a network picture to a client, where the network picture includes At least two data blocks, the data blocks are generated according to the picture data of the network picture; the client restores the received data block to corresponding picture data of the network picture; and, the restored The image data is loaded onto the display page for display.
  • the network server specifically includes a data block generating module, where the data block generating module performs spectrum transform on the picture data of the network picture; and forms the frequency according to the frequency of the spectrum data after the spectrum conversion.
  • the data block generating module performs spectrum transform on the picture data of the network picture; and forms the frequency according to the frequency of the spectrum data after the spectrum conversion.
  • an embodiment of the present application provides a device for loading a network picture, where the device includes a receiving module, a determining module, and a loading module, where: the receiving module receives a data block of a network picture sent by a network server, where The network picture includes at least two data blocks, where the data block is obtained by dividing picture data of the network picture; the determining module determines the received data block as picture data to be loaded; Load the module and load the image data to be loaded onto the display page for display.
  • the data block of the received network picture is generated according to the picture data of the network picture, and the network picture includes at least two data blocks, so the client continuously receives the network.
  • the data block sent by the server can display the network picture step by step, the partial picture content of the network picture is quickly displayed, and then the complete network picture is displayed when all the data blocks are received, thereby improving the display speed of the network picture.
  • FIG. 1 is a schematic flowchart of implementing a method for loading a network picture according to Embodiment 1 of the present application;
  • FIG. 2 is a schematic flowchart of an implementation example of a method for loading a network picture according to Embodiment 2 of the present application;
  • FIG. 3 is a schematic diagram of a workflow of a network picture loading system according to Embodiment 3 of the present application.
  • FIG. 4 is a schematic flowchart of a method for loading a network picture according to Embodiment 4 of the present application.
  • FIG. 5 is a schematic structural diagram of a device for loading a network picture according to Embodiment 5 of the present application.
  • FIG. 6 is a schematic structural diagram of a network picture loading system according to Embodiment 6 of the present application.
  • FIG. 7 is a schematic structural diagram of a device for loading a network picture according to Embodiment 7 of the present application.
  • the image data is usually received directly from the web server and displayed after receiving the image.
  • the image data mentioned in the following embodiments may be included in the image. Data on the RGB intensity and position of the pixel. Due to the large restriction of image data and the slow speed of the terminal network, users usually need to wait a long time on the page to see the content of the picture. If a page containing multiple images is displayed after the image data is completely received, the user needs to wait for a long time to display the image content when browsing the page containing the multiple images.
  • Embodiment 1 of the present application provides a method for loading a network picture, which is used to improve the display speed of a network picture.
  • a schematic diagram of the specific process of the method is shown in FIG. 1 and includes the following steps:
  • Step S11 Receive a data block of a network picture sent by the network server, where the network picture includes at least two data blocks, and the data block is generated according to the picture data of the network picture.
  • the data block received in this step may be obtained by processing the image data of the network picture that has undergone an algorithm such as Fourier transform or wavelet transform, and processing the processed data, and the number of data blocks is at least two.
  • an algorithm such as Fourier transform or wavelet transform
  • the execution body of the step may be a client corresponding to the above-mentioned network server (referred to as a server), such as a web browser, instant messaging software, etc., if the execution subject is a web browser, of course, before step S11 A request containing a received data block can also be sent to the server.
  • the network picture mentioned in the step and the picture data constituting the network picture may be for one picture to be displayed in the webpage, and when there are multiple pictures to be displayed in the webpage, each picture to be displayed may be The operation methods provided in the embodiment 1 are respectively performed.
  • Step S12 Restore the received data block to corresponding picture data of the network picture.
  • the received data block may be one of the at least two data blocks, two, ..., or all the data blocks included in the network picture. Specifically, the received data block may be all current time. a data block of the network picture that has been received.
  • the received data block is restored to the corresponding picture data of the network picture, if the picture data is transformed into the frequency domain to form the spectrum data by using the Fourier transform, and the data block is obtained by sorting the frequency data according to the frequency value.
  • the step may perform inverse Fourier transform on the received single data block or a combination of the received multiple data blocks, thereby obtaining corresponding picture data of the network picture.
  • the method of reading the end identifier may be used to determine whether a single data block is received in the process of receiving the data block according to the read result. For example, reading an end identifier indicates that a data block is received, wherein an end identifier exists in the end position of the data block to determine whether the data block is received or not.
  • the block can also be cached for easy reading when the block is used in a subsequent step. The total amount of the above data blocks is fixed, and the end identifier of each data block is inserted with an end identifier. According to the total number of the read end identifiers, it is also determined whether all of the above-mentioned at least two data blocks are completely received.
  • Step S13 Loading the restored picture data to the display page for display.
  • the receiving process of step S11 is a continuous process, and the display process in this step is It is reflected that each time a block of data is received, it can be represented as a change of the display process until all the data blocks are finally received and the complete picture content is displayed. For example, there are three data blocks, and when the first data block is received, the picture content corresponding to the data block can be displayed; when the second data block is received, the combination with the first data block and the second data block is displayed. Corresponding picture content; when the third data block is received, the picture content corresponding to all data block combinations is displayed.
  • the data block of the received network picture is generated according to the picture data of the network picture, and the network picture includes at least two data blocks, so the client can divide the data block sent by the network server continuously. Steps display the network picture, quickly display the partial picture content of the network picture, and then display the complete network picture when all the data blocks are received, thereby improving the display speed of the network picture.
  • Embodiment 1 When the method provided in Embodiment 1 is applied to the product display page, since the information of the product is mainly transmitted to the user through the picture, when the user understands the product by browsing the picture, for some products, the user pays attention to the appearance structure of the product, and these appearances
  • the structure can be presented to the user through the general outline information of the product image; in addition, from the perspective of the user understanding the product through the picture, the user first cares about the general outline of the product, and secondly, the partial details, in this case,
  • the process of generating the data block mentioned in Embodiment 1 is as follows:
  • the data block After performing spectral transformation on the picture data constituting the network picture, the data block is formed according to the frequency of the spectrum data after the spectrum conversion, wherein different frequency intervals correspond to different data blocks.
  • the order of receiving the data blocks in step S11 may be: sequentially receiving the data blocks corresponding to the interval sequence of the frequency values from small to large.
  • the network server transforms the image data extracted in the picture into the frequency domain to form the spectrum data by using Fourier transform, and then divides the spectrum data into different data blocks according to the frequency value of the spectrum data from low to high, for example, is divided into low frequency.
  • Data block, intermediate frequency data block and high frequency data block are three data blocks. For specific segmentation, low-pass filtering, high-pass filtering and other related technologies can be used. Then, when receiving the data block, the client may first receive the low frequency data block, then receive the intermediate frequency data block, and finally receive the high frequency data block.
  • the data block is obtained by dividing the picture data after the Fourier transform, where the picture data is restored here.
  • the received data block can be operated by using the inverse Fourier transform; the data block is obtained by dividing the image data after the wavelet transform, and the inverted data of the wavelet transform can be used to perform the received data block by using the inverse transform of the wavelet transform. operating.
  • the low-frequency data block can represent the general outline information of the picture
  • the high-frequency data block reflects the specific details of the picture and the edge information, so that the contour information of the picture is first displayed on the webpage of the client, and then according to the data block.
  • the numbering phase gradually becomes blurred to clear, and finally shows the complete picture information.
  • the web page of the client is reflected as: the same receiving time, now In the prior art, the picture content can be displayed after the above receiving time is finished, and the program can be displayed step by step, for example, displaying the outline information of the picture first, displaying the detailed information step by step, and displaying the complete picture content after all the receiving.
  • the display speed of the picture of the product can affect to some extent whether the user stays on the page to continue browsing, if the product picture cannot be A quick show is likely to lose potential users.
  • the content of the picture can be displayed step by step, the outline information of the picture is displayed first, and the detailed information is displayed step by step, and all the information is received. After that, the full image content is displayed, which improves the display speed of the image, which not only enhances the user experience, but also retains or even attracts more potential customers to a certain extent.
  • the loading method of the network picture provided in Embodiment 1 can not only utilize the picture display on the webpage, but actually, as long as it is an application having a network picture display function, for example, receiving and displaying a friend in a chat window of instant communication The picture sent.
  • the method may further include the step of transmitting a request including the received data block to the server.
  • Embodiment 1 refers to restoring the received data block to corresponding picture data of the network picture, loading the restored picture data into a display page for display, and when the network picture includes a data block of N blocks, the foregoing
  • the step may be: when the i-th data block is received, the i-th data block and the received i-th previous data block are restored to corresponding picture data of the network picture, and the restored picture data is loaded into the display page. Display, where 1 ⁇ i ⁇ N.
  • i 1, that is, no data block is received before receiving the first data block, the first data block is directly restored to the corresponding picture data of the network picture; when i is 2, the second data block is received.
  • the combination of the first data block and the second data block is directly restored to the corresponding picture data of the network picture; and the subsequent reception of the data block and so on until the Nth is received.
  • the combination of the first data block, the second data block, ..., and the Nth data block is restored to the corresponding picture data of the network picture.
  • Embodiment 1 mentions that the number of data blocks is at least two (including two), and the number of the at least two data blocks is determined according to the amount of data of the picture data constituting the network picture.
  • the server stores corresponding rules. For example, when the data volume of the image is less than 1M, the data is divided into two data blocks. When the data volume of the image is greater than 1M and less than 3M, the data is divided into three data blocks, and the data volume of the image is greater than 3M. Data blocks and so on.
  • the server performs Fourier transform on the original picture data, and divides the spectrum data into low frequency data blocks according to the order of the frequency values of the spectral data after the Fourier transform, and the intermediate frequency data
  • the block and the high frequency data block wherein the low frequency data block corresponds to the low frequency spectrum data, the intermediate frequency data block corresponds to the medium frequency spectrum data, and the high frequency data block corresponds to the high frequency spectrum data.
  • the receiving sequence of the receiving data block of the client is to sequentially receive the data block corresponding to the frequency value interval from small to large, that is, first receiving the low frequency data block, then receiving the intermediate frequency data block, and finally receiving the high frequency data block, each data block.
  • the end of the end will have a terminator to determine whether a block of data is received when the block is received.
  • the server sends a data block to the client, the client will continue to receive data and read the received data in real time. Mentioned in this embodiment
  • the effect of the terminator is the same as the end tag mentioned in Embodiment 1.
  • the client After the client reads the low-frequency data block terminator, it indicates that the low-frequency data block has been received, so that it is buffered, which is convenient for splicing with the subsequent IF data block, high-frequency data block, and then performing inverse Fourier transform. And then restored to the corresponding picture data of the network picture, and finally loaded to the display page for display, at this time only the outline of the picture content is displayed. If the client does not read the low-frequency block terminator, it indicates that the low-frequency block data has not been received yet, and the received data will continue to be read.
  • the client After the client continues to read the IF data block terminator, it indicates that the IF data block has also been received, thereby buffering the IF data block for splicing with subsequent high frequency data blocks. Then, the intermediate frequency data block and the low frequency data block are spliced, and the inverse Fourier transform is performed, and the data after the inverse transform is loaded to display the picture, and the displayed picture contains more details of the picture part.
  • the client When the client continues to read the high-frequency data block terminator, it indicates that the high-frequency data block has also been received. At this time, the low-frequency, intermediate-frequency, and high-frequency data are spliced and then subjected to inverse Fourier transform, and finally after the inverse transform is loaded. The data is formed to display the image and displayed, and the complete image content is displayed at this time.
  • the client can load and display the picture step by step while continuously receiving the data block sent by the server, quickly display the outline information of the picture, and then display partial details of the picture, and finally wait for all the data blocks.
  • the full picture is displayed when the reception is complete.
  • the source of the original network picture in the server may be collected by the server by using a network crawler on the network, or may be uploaded by other clients.
  • the embodiment of the present application further provides a network picture display system. As shown in FIG. 3, the system includes a first client, a second client, and a server. The system works as follows:
  • the first client uploads a picture and receives it by the server, and the server performs a data extraction operation on the received picture, and performs spectrum transformation on the extracted picture data, and the spectrum data is sorted according to the frequency value of the spectrum data after the spectrum conversion. Dividing into low frequency data blocks, intermediate frequency data blocks and high frequency data blocks, different frequency intervals correspond to different data blocks, and a terminator is inserted at the end of each data block, and three data blocks including the terminator are composed. A file waiting for the second client to request data.
  • the server When the second client requests data from the server, the server will send data to the second client, where the data includes the data block and the terminator.
  • the second client reads the low-frequency data block, the low-frequency data is about to be obtained.
  • the block buffer and inverse transform are converted into a displayable picture, where the received data block is restored to the phase of the network picture.
  • the operation of the picture data that is, the inverse transformation of the above spectrum conversion, the following is similar, the general outline information of the picture is displayed at this time; after reading the intermediate frequency data block, the inverse transformation of the low frequency and intermediate frequency data blocks is converted into displayable
  • the picture, and buffer the IF data block because the IF data block contains more details, the picture will be more clear; when the high frequency data block is read, the low frequency, intermediate frequency and high frequency data block splicing inverse transform can be converted into The displayed image is displayed and the complete image is displayed.
  • the second client can load and display the picture step by step while continuously receiving the data block sent by the server, quickly display the outline information of the picture, and then display some details of the picture, and finally wait for all the details.
  • the full picture is displayed when the data block is received.
  • Embodiment 4 provides a method for loading a network picture, which is used to improve the display speed of the network picture. As shown in FIG. 4, the method includes the following steps:
  • Step S41 Receive a data block of a network picture sent by the network server, where the network picture includes at least two data blocks, where the data block is obtained by dividing picture data of the network picture;
  • the data block in this embodiment may be obtained by directly dividing the picture data constituting the network picture.
  • the bitmap is divided into N sub-pictures whose length is equal to the original picture and whose width is 1/N of the original picture width, where N is a positive integer, and each sub-picture corresponds to one data block.
  • the original picture of size 1024 ⁇ 768 in units of pixels can be equally divided into two 512 ⁇ 768 sub-pictures in the left-right order, and each sub-picture corresponds to one data block and the picture data is divided into two.
  • Data blocks each of which corresponds to the picture content at a different position on the original picture; or divided into four 512 ⁇ 384 sub-pictures in the order of up, down, left, and right, each sub-picture corresponding to one data block and the picture data It is divided into four data blocks, and each data block corresponds to the picture content at a different position on the original picture.
  • the vector picture is divided into different sub-pictures, each sub-picture corresponds to one data block, and each data block corresponds to picture content at different positions on the original picture.
  • Step S42 determining the received data block as picture data to be loaded
  • the receiving process of step S41 is a continuous process. Therefore, when the first data block is received, the first data block can be determined as the picture data to be loaded; when the second data block is received, the The first data block and the second data block combination are determined as the picture data to be loaded... until all the data blocks included in the network picture are received.
  • Step S43 Loading the image data to be loaded into the display page for display.
  • the client when the client receives a data block, it can display the image content containing all the received data blocks.
  • the tile is divided into regions and displayed step by step, and the complete image content is displayed when all the data blocks are received.
  • Embodiment 5 provides a loading device for a network picture for improving the display speed of a network picture.
  • the device includes: a receiving module 51, a restoration module 52, and a loading module 53, wherein:
  • the receiving module 51 may be configured to receive a data block of a network picture sent by the network server, where the network picture includes at least two data blocks, where the data block is generated according to the picture data of the network picture;
  • the restoring module 52 may be configured to restore the received data block to corresponding picture data of the network picture
  • the loading module 53 can be configured to load the restored picture data into a display page for display.
  • the data block received by the receiving module 51 is generated according to the picture data of the network picture, where the data block is to perform spectrum transformation on the picture data of the network picture;
  • the frequency of the data is formed, wherein different frequency intervals correspond to different data blocks.
  • the restoration module 52 restores the received data block to corresponding picture data of the network picture
  • the loading module 53 restores the restored picture.
  • Loading the data into the display page for display including: when receiving the i-th data block, the restoring module 52 restores the i-th data block and the received i-th previous data block to corresponding picture data of the network picture.
  • the loading module 53 loads the restored picture data into a display page for display, where 1 ⁇ i ⁇ N.
  • Embodiment 6 provides a network picture loading system for improving the display speed of a network picture.
  • the system includes a web server 61 and a client 62, wherein:
  • the network server 61 may be configured to send a data block of a network picture to the client, where the network picture includes at least two data blocks, and the data block is generated according to the picture data of the network picture;
  • the client 62 may be configured to restore the received data block to corresponding picture data of the network picture; as well as,
  • the restored image data is loaded onto the display page for display.
  • the network server 61 may further include a data block generating module, where the data block generating module may be configured to perform spectrum transform on the picture data of the network picture; according to the spectrum data after the spectrum transform The data block is formed by the frequency level, wherein different frequency intervals correspond to different data blocks.
  • Embodiment 7 provides a loading device for a network picture for improving the display speed of a network picture.
  • the apparatus includes: a receiving module 71, a determining module 72, and a loading module 73, wherein:
  • the receiving module 71 may be configured to receive a data block of a network picture sent by a network server, where the network picture includes at least two data blocks, where the data block is obtained by dividing picture data of the network picture;
  • the determining module 72 may be configured to determine the received data block as picture data to be loaded
  • the loading module 73 can be configured to load the image data to be loaded into the display page for display.
  • embodiments of the present application can be provided as a method, system, or computer program product.
  • the present application can take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment in combination of software and hardware.
  • the application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) including computer usable program code.
  • the computer program instructions can also be stored in a computer readable memory that can direct a computer or other programmable data processing device to operate in a particular manner, such that the instructions stored in the computer readable memory produce an article of manufacture comprising the instruction device.
  • the apparatus implements the functions specified in one or more blocks of a flow or a flow and/or block diagram of the flowchart.
  • These computer program instructions can also be loaded onto a computer or other programmable data processing device such that a series of operational steps are performed on a computer or other programmable device to produce computer-implemented processing for execution on a computer or other programmable device.
  • the instructions provide steps for implementing the functions specified in one or more of the flow or in a block or blocks of a flow diagram.
  • a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
  • processors CPUs
  • input/output interfaces network interfaces
  • memory volatile and non-volatile memory
  • the memory may include non-persistent memory, random access memory (RAM), and/or non-volatile memory in a computer readable medium, such as read only memory (ROM) or flash memory.
  • RAM random access memory
  • ROM read only memory
  • Memory is an example of a computer readable medium.
  • Computer readable media includes both permanent and non-persistent, removable and non-removable media.
  • Information storage can be implemented by any method or technology.
  • the information can be computer readable instructions, data structures, modules of programs, or other data.
  • Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read only memory. (ROM), electrically erasable programmable read only memory (EEPROM), flash memory or other memory technology, compact disk read only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, Magnetic tape cartridges, magnetic tape storage or other magnetic storage devices or any other non-transportable media can be used to store information that can be accessed by a computing device.
  • computer readable media does not include temporary storage of computer readable media, such as modulated data signals and carrier waves.
  • embodiments of the present application can be provided as a method, system, or computer program product. Accordingly, the present application may employ an entirely hardware embodiment, an entirely software embodiment, or an embodiment incorporating software and hardware aspects. form. Moreover, the application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) including computer usable program code.
  • computer-usable storage media including but not limited to disk storage, CD-ROM, optical storage, etc.

Abstract

Disclosed is a network image loading method, wherein same is used for improving the display speed of network images, the method comprising: receiving data blocks of a network image sent by a network server, wherein the network image includes at least two data blocks, and the data blocks are generated and acquired according to image data of the network image; restoring the received data blocks to the corresponding image data of the network image; and loading the restored image data to a display page to be displayed. Also disclosed are a network image loading device and system, and another network image loading method and device.

Description

一种网络图片的加载方法、装置和系统Method, device and system for loading network picture
本申请要求2016年08月30日递交的申请号为201610780851.1、发明名称为“一种网络图片的加载方法、装置和系统”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。The present application claims the priority of the Chinese Patent Application No. 201610780851.1, entitled "A Method, Apparatus and System for Loading a Network Picture", which is hereby incorporated by reference. .
技术领域Technical field
本申请涉及数字图像处理技术领域,尤其涉及一种网络图片的加载方法、装置和系统。The present application relates to the field of digital image processing technologies, and in particular, to a method, an apparatus, and a system for loading a network picture.
背景技术Background technique
随着网页技术的发展,网页中所包含的信息量越来越大,图片在网页中所占的比重也越来也大,然而图片与网页中的其它文本信息相比其数据量较大,尤其是一些高质量的大图片。此外,用户在使用数据流量网络浏览图片时,由于基站数量、终端所处位置的影响,信号强度差别较大,可能一些地方数据网络信号比较强,有些地方信号就很弱。基于图片的数据量大以及终端网络速度慢的双重制约,图片通过网络传输到终端的时间通常会比较长,此时,用户需要在页面上等待很长时间才能看到图片内容。With the development of webpage technology, the amount of information contained in webpages is getting larger and larger, and the proportion of images in webpages is also increasing. However, the amount of data is larger than other textual information in webpages. Especially some high quality big pictures. In addition, when the user browses the picture using the data traffic network, the signal strength varies greatly due to the influence of the number of base stations and the location of the terminal. In some places, the data network signal is relatively strong, and in some places, the signal is weak. Due to the large amount of data on the image and the slow speed of the terminal network, the time that the picture is transmitted to the terminal through the network is usually longer. At this time, the user needs to wait a long time on the page to see the picture content.
对于商品展示页面,页面上的商品图片加载速度能够在很大程度影响用户是否留在这个页面继续浏览,如果商品图片不能快速展示,则很有可能会丧失潜在用户。针对这一问题,目前一种较为常见的方法是预先加载一张与商品图片无关的LOGO图片,同时接收商品图片的图片数据,等待图片数据接收完之后再显示商品图片。由于LOGO图片与商品本身并无任何关联,这样会可能导致用户在一个无用的页面停留过多时间,未在商品图片显示之前已经离开该页面,同样会加大用户流失的机会。因此有必要提供一种网络图片的加载方法,在不改变图片数据量大小以及网络传输速度的前提下尽可能快速地显示出网络图片的图片内容。For the product display page, the loading speed of the product image on the page can greatly affect whether the user stays on this page to continue browsing. If the product image cannot be displayed quickly, it is likely to lose the potential user. Aiming at this problem, a more common method is to preload a LOGO image that is not related to the product image, and receive the image data of the product image, and wait for the image data to be received before displaying the product image. Since the LOGO image has nothing to do with the product itself, this may cause the user to stay on a useless page for too much time. If the product image has not left before the product image is displayed, it will also increase the chance of user loss. Therefore, it is necessary to provide a method for loading a network picture, and display the picture content of the network picture as quickly as possible without changing the amount of picture data and the network transmission speed.
发明内容Summary of the invention
本申请实施例提供一种网络图片的加载方法、装置和系统,用于提高网络图片的显示速度。The embodiment of the present application provides a method, a device, and a system for loading a network picture, which are used to improve the display speed of a network picture.
为实现上述目的,本申请实施例提供一种网络图片的加载方法,所述方法包括:接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据 块为根据所述网络图片的图片数据生成得到的;将已接收到的数据块还原为所述网络图片的相应图片数据;将还原的图片数据加载到显示页面进行显示。To achieve the above objective, the embodiment of the present application provides a method for loading a network picture, where the method includes: receiving a data block of a network picture sent by a network server, where the network picture includes at least two data blocks, and the data The block is generated according to the picture data of the network picture; the received data block is restored to the corresponding picture data of the network picture; and the restored picture data is loaded to the display page for display.
优选地,根据所述网络图片的图片数据生成得到数据块,包括:将所述网络图片的图片数据进行频谱变换;根据频谱变换之后的频谱数据的频率高低形成所述数据块,其中,不同的频率区间对应不同的数据块。Preferably, generating the data block according to the picture data of the network picture comprises: performing spectrum transformation on the picture data of the network picture; forming the data block according to the frequency of the spectrum data after the spectrum conversion, wherein different The frequency interval corresponds to different data blocks.
优选地,所述网络图片包含的数据块为N块,则所述将已接收到的数据块还原为所述网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示,包括:当接收到第i个数据块时,将第i个数据块及已接收的第i个之前的数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示,其中,1≤i≤N。Preferably, the data block included in the network picture is N blocks, and the data block that has been received is restored to the corresponding picture data of the network picture, and the restored picture data is loaded into the display page for display, including: When the i-th data block is received, the i-th data block and the received i-th previous data block are restored to the corresponding picture data of the network picture, and the restored picture data is loaded into the display page for display, wherein 1 ≤ i ≤ N.
优选地,所述N为3,当i为1时,第i个数据块为低频数据块,当i为2时,第i个数据块为中频数据块,当i为3时,第i个数据块为高频数据块;则当接收到第i个数据块时,将第i个数据块及已接收的第i个之前的数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示,具体包括:当接收到低频数据块时,将低频数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示;当接收到中频数据块时,将低频数据块以及中频数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示;当接收到高频数据块时,将低频数据块、中频数据块以及高频数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示。Preferably, the N is 3, when i is 1, the i-th data block is a low-frequency data block, and when i is 2, the i-th data block is an intermediate frequency data block, and when i is 3, the i-th The data block is a high frequency data block; when the i th data block is received, the i th data block and the received i th previous data block are restored to corresponding picture data of the network picture, and the restored picture data is restored. Loading to the display page for display, specifically: when receiving the low frequency data block, restoring the low frequency data block to the corresponding picture data of the network picture, loading the restored picture data to the display page for display; when receiving the intermediate frequency data block The low frequency data block and the intermediate frequency data block are restored to the corresponding picture data of the network picture, and the restored picture data is loaded to the display page for display; when the high frequency data block is received, the low frequency data block, the intermediate frequency data block and the high frequency are obtained. The data block is restored to the corresponding picture data of the network picture, and the restored picture data is loaded to the display page for display.
优选地,所述数据块尾部具有结束标识,则当接收到结束标识符时,确定接收到所述数据块。Preferably, the data block tail has an end identifier, and when the end identifier is received, it is determined that the data block is received.
优选地,所述至少两个数据块的数量根据组成所述网络图片的图片数据的数据量确定。Preferably, the number of the at least two data blocks is determined according to the amount of data of the picture data constituting the network picture.
为实现上述目的,本申请实施例提供一种网络图片的加载方法,所述方法包括:接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块是对所述网络图片的图片数据进行划分得到的;将已接收到的数据块确定为待加载的图片数据;将待加载的图片数据加载到显示页面进行显示。To achieve the above objective, the embodiment of the present application provides a method for loading a network picture, where the method includes: receiving a data block of a network picture sent by a network server, where the network picture includes at least two data blocks, where the data block is Decomposing the picture data of the network picture; determining the received data block as the picture data to be loaded; loading the picture data to be loaded into the display page for display.
为实现上述目的,本申请实施例提供一种网络图片的加载装置,所述装置包括接收模块、还原模块和加载模块,其中:所述接收模块,接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块为根据所述网络图片的图片数据生成得到的;所述还原模块,将已接收到的数据块还原为所述网络图片的相应图片数 据;所述加载模块,将还原的图片数据加载到显示页面进行显示。In order to achieve the above object, an embodiment of the present application provides a network picture loading device, where the device includes a receiving module, a restoration module, and a loading module, where: the receiving module receives a data block of a network picture sent by a network server, where The network picture includes at least two data blocks, and the data block is generated according to the picture data of the network picture; the restoring module restores the received data block to the corresponding picture number of the network picture According to the loading module, the restored image data is loaded into the display page for display.
优选地,所述接收模块接收的所述数据块为根据所述网络图片的图片数据生成得到,其中:所述数据块是将所述网络图片的图片数据进行频谱变换;根据频谱变换之后的频谱数据的频率高低形成,其中,不同的频率区间对应不同的数据块。Preferably, the data block received by the receiving module is generated according to picture data of the network picture, where: the data block is to perform spectrum transformation on picture data of the network picture; The frequency of the data is formed, wherein different frequency intervals correspond to different data blocks.
优选地,所述网络图片包含的数据块为N块,则所述还原模块将已接收到的数据块还原为所述网络图片的相应图片数据,以及,所述加载模块将还原的图片数据加载到显示页面进行显示,包括:当接收到第i个数据块时,所述还原模块将第i个数据块及已接收的第i个之前的数据块还原为网络图片的相应图片数据,所述加载模块将还原的图片数据加载到显示页面进行显示,其中,1≤i≤N。Preferably, the network picture includes a data block of N blocks, the restoration module restores the received data block to corresponding picture data of the network picture, and the loading module loads the restored picture data. Displaying to the display page, the method includes: when receiving the i-th data block, the restoring module restores the i-th data block and the received i-th previous data block to corresponding picture data of the network picture, The loading module loads the restored picture data into a display page for display, where 1≤i≤N.
为实现上述目的,本申请实施例提供一种网络图片的加载系统,所述系统包括网络服务器和客户端,其中:所述网络服务器,向客户端发送网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块为根据所述网络图片的图片数据生成得到的;所述客户端将已接收到的数据块还原为所述网络图片的相应图片数据;以及,将还原的图片数据加载到显示页面进行显示。To achieve the above objective, an embodiment of the present application provides a network picture loading system, where the system includes a network server and a client, where: the network server sends a data block of a network picture to a client, where the network picture includes At least two data blocks, the data blocks are generated according to the picture data of the network picture; the client restores the received data block to corresponding picture data of the network picture; and, the restored The image data is loaded onto the display page for display.
优选地,所述网络服务器中具体包括有数据块生成模块,其中,所述数据块生成模块,将所述网络图片的图片数据进行频谱变换;根据频谱变换之后的频谱数据的频率高低形成所述数据块,其中,不同的频率区间对应不同的数据块。Preferably, the network server specifically includes a data block generating module, where the data block generating module performs spectrum transform on the picture data of the network picture; and forms the frequency according to the frequency of the spectrum data after the spectrum conversion. A data block in which different frequency intervals correspond to different data blocks.
为实现上述目的,本申请实施例提供一种网络图片的加载装置,所述装置包括接收模块、确定模块和加载模块,其中:所述接收模块,接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块是对所述网络图片的图片数据进行划分得到的;所述确定模块,将已接收到的数据块确定为待加载的图片数据;所述加载模块,将待加载的图片数据加载到显示页面进行显示。To achieve the above object, an embodiment of the present application provides a device for loading a network picture, where the device includes a receiving module, a determining module, and a loading module, where: the receiving module receives a data block of a network picture sent by a network server, where The network picture includes at least two data blocks, where the data block is obtained by dividing picture data of the network picture; the determining module determines the received data block as picture data to be loaded; Load the module and load the image data to be loaded onto the display page for display.
本申请实施例采用的上述至少一个技术方案能够达到以下有益效果:接收的网络图片的数据块为根据网络图片的图片数据生成得到,网络图片包含至少两个数据块,因此客户端在持续接收网络服务器发送的数据块时可以分步显示网络图片,快速地显示网络图片的局部图片内容,等所有的数据块接收完成时再显示完整的网络图片,从而提高了网络图片的显示速度。The foregoing at least one technical solution adopted by the embodiment of the present application can achieve the following beneficial effects: the data block of the received network picture is generated according to the picture data of the network picture, and the network picture includes at least two data blocks, so the client continuously receives the network. When the data block sent by the server can display the network picture step by step, the partial picture content of the network picture is quickly displayed, and then the complete network picture is displayed when all the data blocks are received, thereby improving the display speed of the network picture.
附图说明DRAWINGS
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请 的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:The drawings described herein are provided to provide a further understanding of the present application and constitute a part of this application. The illustrative embodiments and the description thereof are for explaining the present application and do not constitute an undue limitation of the present application. In the drawing:
图1为本申请实施例1提供的网络图片的加载方法的实现流程示意图;1 is a schematic flowchart of implementing a method for loading a network picture according to Embodiment 1 of the present application;
图2为本申请实施例2提供的网络图片的加载方法的实施实例流程示意图;2 is a schematic flowchart of an implementation example of a method for loading a network picture according to Embodiment 2 of the present application;
图3为本申请实施例3提供的网络图片的加载系统的工作流程示意图;3 is a schematic diagram of a workflow of a network picture loading system according to Embodiment 3 of the present application;
图4为本申请实施例4提供的网络图片的加载方法的流程示意图;4 is a schematic flowchart of a method for loading a network picture according to Embodiment 4 of the present application;
图5为本申请实施例5提供的网络图片的加载装置的结构示意图;FIG. 5 is a schematic structural diagram of a device for loading a network picture according to Embodiment 5 of the present application;
图6为本申请实施例6提供的网络图片的加载系统的结构示意图;6 is a schematic structural diagram of a network picture loading system according to Embodiment 6 of the present application;
图7为本申请实施例7提供的网络图片的加载装置的结构示意图。FIG. 7 is a schematic structural diagram of a device for loading a network picture according to Embodiment 7 of the present application.
具体实施方式detailed description
为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。The technical solutions of the present application will be clearly and completely described in the following with reference to the specific embodiments of the present application and the corresponding drawings. It is apparent that the described embodiments are only a part of the embodiments of the present application, and not all of them. All other embodiments obtained by a person of ordinary skill in the art based on the embodiments of the present application without departing from the inventive scope are the scope of the present application.
如前所述,用户在网页上浏览网络图片(简称图片)时,通常是直接从网站服务器接收图片数据且接收完才显示出来,以下实施例中提到的图片数据可以为图片中包含每个像素点的RGB强度及位置的相关数据。由于图片数据大及终端网络速度慢的双重制约,通常用户需要在页面上等待很长时间才能看到该图片内容。如果在包含多个图片的页面中,每一个图片都在图片数据完全接收完之后在显示出来,则用户在浏览该包含多个图片的页面时,需要等待很长时间才能显示出该图片内容。As described above, when a user browses a webpage (referred to as a picture) on a webpage, the image data is usually received directly from the web server and displayed after receiving the image. The image data mentioned in the following embodiments may be included in the image. Data on the RGB intensity and position of the pixel. Due to the large restriction of image data and the slow speed of the terminal network, users usually need to wait a long time on the page to see the content of the picture. If a page containing multiple images is displayed after the image data is completely received, the user needs to wait for a long time to display the image content when browsing the page containing the multiple images.
实施例1Example 1
为解决上述技术问题,本申请实施例1提供一种网络图片的加载方法,用于提高网络图片的显示速度。该方法的具体流程示意图如图1所示,包括下述步骤:To solve the above technical problem, Embodiment 1 of the present application provides a method for loading a network picture, which is used to improve the display speed of a network picture. A schematic diagram of the specific process of the method is shown in FIG. 1 and includes the following steps:
步骤S11:接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块为根据所述网络图片的图片数据生成得到的。Step S11: Receive a data block of a network picture sent by the network server, where the network picture includes at least two data blocks, and the data block is generated according to the picture data of the network picture.
该步骤中接收的数据块可以是对组成网络图片的图片数据经过傅里叶变换、小波变换等算法运算后、对运算后的数据进行处理得到的,且数据块的数量为至少两个。The data block received in this step may be obtained by processing the image data of the network picture that has undergone an algorithm such as Fourier transform or wavelet transform, and processing the processed data, and the number of data blocks is at least two.
另外,该步骤的执行主体可以是与上述网络服务器(简称服务器)相对应的客户端,例如网页浏览器,即时通信软件等,如果执行主体为网页浏览器,在步骤S11之前当然 还可以向服务器发送包含有接收数据块的请求。此外,该步骤中提到的网络图片以及组成网络图片的图片数据,可以是针对网页中一个待显示的图片而言,网页中有多个待显示的图片时,可以对每一个待显示的图片分别执行该实施例1提供的操作方法。In addition, the execution body of the step may be a client corresponding to the above-mentioned network server (referred to as a server), such as a web browser, instant messaging software, etc., if the execution subject is a web browser, of course, before step S11 A request containing a received data block can also be sent to the server. In addition, the network picture mentioned in the step and the picture data constituting the network picture may be for one picture to be displayed in the webpage, and when there are multiple pictures to be displayed in the webpage, each picture to be displayed may be The operation methods provided in the embodiment 1 are respectively performed.
步骤S12:将已接收到的数据块还原为所述网络图片的相应图片数据。Step S12: Restore the received data block to corresponding picture data of the network picture.
已接收到的数据块,可以为上述至少两个数据块中的一个,两个,……,或者是网络图片包含的全部的数据块,具体地,已接收到的数据块可以是当前时刻所有的、已经接收到的所述网络图片的数据块。The received data block may be one of the at least two data blocks, two, ..., or all the data blocks included in the network picture. Specifically, the received data block may be all current time. a data block of the network picture that has been received.
将已接收到的数据块还原为所述网络图片的相应图片数据时,如果利用傅里叶变换将图片数据变换到频域形成频谱数据,对频谱数据按照频率值的排序分割得到上述数据块时,该步骤则可以对已接收到的单个数据块,或者是已接收到的多个数据块的组合进行傅里叶反变换,进而得到所述网络图片的相应图片数据。When the received data block is restored to the corresponding picture data of the network picture, if the picture data is transformed into the frequency domain to form the spectrum data by using the Fourier transform, and the data block is obtained by sorting the frequency data according to the frequency value. The step may perform inverse Fourier transform on the received single data block or a combination of the received multiple data blocks, thereby obtaining corresponding picture data of the network picture.
在确定单独的一个数据块是否接收完成时,可以通过读取结束标识的方法,根据读取结果判断接收数据块的过程中单个数据块是否接收完成。例如读取到一个结束标识,表明有一个数据块接收完成,其中所述数据块的结束位置存在有结束标识,以便判断数据块是否接收完成。此外,每当接收到一个数据块时,还可以将该数据块缓存起来,以便后续步骤中使用到该数据块时方便读取。上述数据块的总量是一定的,每个数据块的尾部插入有结束标识,根据读取到的结束标识的总个数还可以确定上述的至少两个数据块是否全部接收完成。When it is determined whether a single data block is received or not, the method of reading the end identifier may be used to determine whether a single data block is received in the process of receiving the data block according to the read result. For example, reading an end identifier indicates that a data block is received, wherein an end identifier exists in the end position of the data block to determine whether the data block is received or not. In addition, each time a block of data is received, the block can also be cached for easy reading when the block is used in a subsequent step. The total amount of the above data blocks is fixed, and the end identifier of each data block is inserted with an end identifier. According to the total number of the read end identifiers, it is also determined whether all of the above-mentioned at least two data blocks are completely received.
步骤S13:将还原的图片数据加载到显示页面进行显示。Step S13: Loading the restored picture data to the display page for display.
无论是对于上述的至少两个数据块中的全部数据块,还是对于单独的一个数据块中包含的数据而言,步骤S11的接收过程均是一个持续的过程,在该步骤中的显示过程则体现为:每接收完一个数据块,则可以表现为一次显示过程的改变,直至最终接收完所有的数据块并显示完整的图片内容。例如一共有三个数据块,接收到第一个数据块时则可以显示与该数据块对应的图片内容;接收到第二个数据块时,显示与第一数据块和第二数据块的组合相对应的图片内容;接收到第三个数据块时,则显示与所有数据块组合对应的图片内容。Whether for all of the at least two data blocks described above or for data contained in a single data block, the receiving process of step S11 is a continuous process, and the display process in this step is It is reflected that each time a block of data is received, it can be represented as a change of the display process until all the data blocks are finally received and the complete picture content is displayed. For example, there are three data blocks, and when the first data block is received, the picture content corresponding to the data block can be displayed; when the second data block is received, the combination with the first data block and the second data block is displayed. Corresponding picture content; when the third data block is received, the picture content corresponding to all data block combinations is displayed.
采用实施例1提供的该方法,接收的网络图片的数据块为根据网络图片的图片数据生成得到,网络图片包含至少两个数据块,因此客户端在持续接收网络服务器发送的数据块时可以分步显示网络图片,快速地显示网络图片的局部图片内容,等所有的数据块接收完成时再显示完整的网络图片,从而提高了网络图片的显示速度。 With the method provided in Embodiment 1, the data block of the received network picture is generated according to the picture data of the network picture, and the network picture includes at least two data blocks, so the client can divide the data block sent by the network server continuously. Steps display the network picture, quickly display the partial picture content of the network picture, and then display the complete network picture when all the data blocks are received, thereby improving the display speed of the network picture.
采用实施例1提供的方法应用在商品展示页面时,由于商品的信息主要是通过图片传达给用户,用户通过浏览图片而了解商品时,对于一些商品,用户侧重关心商品的外观结构,而这些外观结构通过商品图片的大致轮廓信息即能展现给用户;另外,从用户通过图片了解商品的角度而言,用户会首先关心商品的大致外观轮廓,其次才是局部的细节内容,在这种情况下,对于实施例1中所提到的数据块的生成过程如下:When the method provided in Embodiment 1 is applied to the product display page, since the information of the product is mainly transmitted to the user through the picture, when the user understands the product by browsing the picture, for some products, the user pays attention to the appearance structure of the product, and these appearances The structure can be presented to the user through the general outline information of the product image; in addition, from the perspective of the user understanding the product through the picture, the user first cares about the general outline of the product, and secondly, the partial details, in this case, The process of generating the data block mentioned in Embodiment 1 is as follows:
将组成所述网络图片的图片数据进行频谱变换后,根据频谱变换之后的频谱数据的频率高低形成所述数据块,其中,不同的频率区间对应不同的数据块。此时,步骤S11中的接收数据块的顺序可以为:依次接收从小到大的所述频率值的区间顺序所对应的数据块。After performing spectral transformation on the picture data constituting the network picture, the data block is formed according to the frequency of the spectrum data after the spectrum conversion, wherein different frequency intervals correspond to different data blocks. At this time, the order of receiving the data blocks in step S11 may be: sequentially receiving the data blocks corresponding to the interval sequence of the frequency values from small to large.
例如网络服务器利用傅里叶变换将图片中提取出的图片数据变换到频域构成频谱数据,进而根据频谱数据的频率值从低到高顺序将频谱数据分为不同的数据块,例如分割为低频数据块、中频数据块和高频数据块三个数据块,具体分割时可以采用低通滤波、高通滤波等相关技术。则客户端在接收数据块时,可以首先接收低频数据块,然后接收中频数据块,最后接收高频数据块。For example, the network server transforms the image data extracted in the picture into the frequency domain to form the spectrum data by using Fourier transform, and then divides the spectrum data into different data blocks according to the frequency value of the spectrum data from low to high, for example, is divided into low frequency. Data block, intermediate frequency data block and high frequency data block are three data blocks. For specific segmentation, low-pass filtering, high-pass filtering and other related technologies can be used. Then, when receiving the data block, the client may first receive the low frequency data block, then receive the intermediate frequency data block, and finally receive the high frequency data block.
此时在实施例1的步骤S12中将已接收到的数据块还原为所述网络图片的相应图片数据时,例如数据块为傅里叶变换之后的图片数据分割得到,此处还原图片数据时可以利用傅里叶反变换对已接收到的数据块进行操作;数据块为小波变换之后的图片数据分割得到,此处还原图片数据时可以利用小波变换的反变换对已接收到的数据块进行操作。At this time, when the received data block is restored to the corresponding picture data of the network picture in step S12 of Embodiment 1, for example, the data block is obtained by dividing the picture data after the Fourier transform, where the picture data is restored here. The received data block can be operated by using the inverse Fourier transform; the data block is obtained by dividing the image data after the wavelet transform, and the inverted data of the wavelet transform can be used to perform the received data block by using the inverse transform of the wavelet transform. operating.
由于低频数据块能够体现图片的大致轮廓信息,高频数据块体现图片的具体细节信息以及边缘信息,这样在客户端的网页上则可以体现出首先显示出图片的轮廓信息,然后按照数据块的个数分阶段逐渐由模糊到清晰,最后显示出完整的图片信息。Since the low-frequency data block can represent the general outline information of the picture, the high-frequency data block reflects the specific details of the picture and the edge information, so that the contour information of the picture is first displayed on the webpage of the client, and then according to the data block. The numbering phase gradually becomes blurred to clear, and finally shows the complete picture information.
通过上述方式的实现,由于接收完成全部的数据块时的时间和现有技术中接收图片的图片数据时间的时间差可以忽略不计,因此在客户端的网页页面上则体现为:同样的接收时间,现有技术中则为上述接收时间走完之后才能显示出图片内容,而采用本方案则可以逐步显示,例如先显示图片的轮廓信息,逐步显示细节信息,等全部接收完之后显示完整的图片内容。Through the implementation of the foregoing manner, since the time difference between the time when receiving all the data blocks and the time of receiving the picture data in the prior art is negligible, the web page of the client is reflected as: the same receiving time, now In the prior art, the picture content can be displayed after the above receiving time is finished, and the program can be displayed step by step, for example, displaying the outline information of the picture first, displaying the detailed information step by step, and displaying the complete picture content after all the receiving.
如前所述,在商品展示页面时,由于商品的信息主要是通过商品的图片传达给用户,商品的图片的显示速度能够在一定程度上影响用户是否留在这个页面继续浏览,如果商品图片不能快速展示,很有可能会丧失潜在用户。采用本申请实施例1提供的方法,则可以对图片内容逐步显示,先显示图片的轮廓信息,逐步显示细节信息,等全部接收完 之后显示完整的图片内容,从而提高了图片的显示速度,不仅提升了用户体验,而且在一定程度上能够保留甚至是吸引更多的潜在客户。As mentioned above, in the product display page, since the information of the product is mainly transmitted to the user through the picture of the product, the display speed of the picture of the product can affect to some extent whether the user stays on the page to continue browsing, if the product picture cannot be A quick show is likely to lose potential users. With the method provided in Embodiment 1 of the present application, the content of the picture can be displayed step by step, the outline information of the picture is displayed first, and the detailed information is displayed step by step, and all the information is received. After that, the full image content is displayed, which improves the display speed of the image, which not only enhances the user experience, but also retains or even attracts more potential customers to a certain extent.
实施例1提供的网络图片的加载的方法,不仅可以利用在网页上的图片显示,实际上,只要是具有网络图片显示功能的应用程序上均可,例如在即时通信的聊天窗口接收并显示好友发送的图片。当实施例1提供的方法利用在网页上的图片显示时,在步骤S11之前,还可以包括以下步骤:向服务器发送包含接收数据块的请求。The loading method of the network picture provided in Embodiment 1 can not only utilize the picture display on the webpage, but actually, as long as it is an application having a network picture display function, for example, receiving and displaying a friend in a chat window of instant communication The picture sent. When the method provided by Embodiment 1 utilizes the picture display on the webpage, before step S11, the method may further include the step of transmitting a request including the received data block to the server.
实施例1提到将已接收到的数据块还原为所述网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示,当所述网络图片包含的数据块为N块,则上述步骤可以为:当接收到第i个数据块时,将第i个数据块及已接收的第i个之前的数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示,其中,1≤i≤N。当i为1时,即接收第1个数据块之前没有接收有数据块,则直接将第1个数据块还原为网络图片的相应图片数据;当i为2时,即接收第2个数据块之前接收有第1个数据块,则直接将第1个数据块和第2个数据块的组合还原为网络图片的相应图片数据;后续接收到数据块时以此类推,直至接收到第N个数据块时,将第1个数据块、第2个数据块、……、第N个数据块的组合还原为网络图片的相应图片数据。Embodiment 1 refers to restoring the received data block to corresponding picture data of the network picture, loading the restored picture data into a display page for display, and when the network picture includes a data block of N blocks, the foregoing The step may be: when the i-th data block is received, the i-th data block and the received i-th previous data block are restored to corresponding picture data of the network picture, and the restored picture data is loaded into the display page. Display, where 1 ≤ i ≤ N. When i is 1, that is, no data block is received before receiving the first data block, the first data block is directly restored to the corresponding picture data of the network picture; when i is 2, the second data block is received. If the first data block is received before, the combination of the first data block and the second data block is directly restored to the corresponding picture data of the network picture; and the subsequent reception of the data block and so on until the Nth is received. In the case of a data block, the combination of the first data block, the second data block, ..., and the Nth data block is restored to the corresponding picture data of the network picture.
实施例1提到数据块的数量至少为两个(包括两个),所述至少两个数据块的数量根据组成所述网络图片的图片数据的数据量确定。当然服务器中存储有对应的规则,例如将图片的数据量小于1M时分为两个数据块,将图片的数据量大于1M小于3M时分为三个数据块,将图片的数据量大于3M时分为四个数据块等等。Embodiment 1 mentions that the number of data blocks is at least two (including two), and the number of the at least two data blocks is determined according to the amount of data of the picture data constituting the network picture. Of course, the server stores corresponding rules. For example, when the data volume of the image is less than 1M, the data is divided into two data blocks. When the data volume of the image is greater than 1M and less than 3M, the data is divided into three data blocks, and the data volume of the image is greater than 3M. Data blocks and so on.
实施例2Example 2
为更透切地描述本申请提供的网络图片的加载方法,下面以一个具体的实施实例进行说明,如图2所示。在实施例2的步骤执行之前,服务器端将原始的图片数据进行傅里叶变换,根据傅里叶变换之后的频谱数据的频率值的排序将所述频谱数据进行分割为低频数据块,中频数据块和高频数据块,其中,低频数据块对应低频率的频谱数据,中频数据块对应中频率的频谱数据,高频数据块对应于高频率的频谱数据。To describe more closely the loading method of the network picture provided by the present application, a specific implementation example will be described below, as shown in FIG. 2 . Before the step of Embodiment 2 is performed, the server performs Fourier transform on the original picture data, and divides the spectrum data into low frequency data blocks according to the order of the frequency values of the spectral data after the Fourier transform, and the intermediate frequency data The block and the high frequency data block, wherein the low frequency data block corresponds to the low frequency spectrum data, the intermediate frequency data block corresponds to the medium frequency spectrum data, and the high frequency data block corresponds to the high frequency spectrum data.
客户端接收数据块的接收顺序为依次接收从小到大的所述频率值区间所对应的数据块,即首先接收低频数据块,然后接收中频数据块,最后接收高频数据块,每个数据块的结尾都会有结束符以在接收数据块时判断一个数据块是否接收完成。当服务器向客户端发送数据块时,客户端将持续接收数据,并实时读取接收到的数据。该实施例中提到 的结束符的作用与实施例1中的提到的结束标识相同。The receiving sequence of the receiving data block of the client is to sequentially receive the data block corresponding to the frequency value interval from small to large, that is, first receiving the low frequency data block, then receiving the intermediate frequency data block, and finally receiving the high frequency data block, each data block. The end of the end will have a terminator to determine whether a block of data is received when the block is received. When the server sends a data block to the client, the client will continue to receive data and read the received data in real time. Mentioned in this embodiment The effect of the terminator is the same as the end tag mentioned in Embodiment 1.
当客户端读取到低频数据块结束符后,说明低频数据块已经接收完毕,从而将其缓存下来,便于与后续的中频数据块,高频数据块拼接,然后将其进行傅里叶反变换,从而还原为所述网络图片的相应图片数据,最后加载到显示页面进行显示,此时只是显示图片内容的大致轮廓。如果客户端未读取到低频数据块结束符,则说明低频数据块数据还未接收完成,此时将继续读取接收到的数据。After the client reads the low-frequency data block terminator, it indicates that the low-frequency data block has been received, so that it is buffered, which is convenient for splicing with the subsequent IF data block, high-frequency data block, and then performing inverse Fourier transform. And then restored to the corresponding picture data of the network picture, and finally loaded to the display page for display, at this time only the outline of the picture content is displayed. If the client does not read the low-frequency block terminator, it indicates that the low-frequency block data has not been received yet, and the received data will continue to be read.
当客户端继续读取到中频数据块结束符后,说明中频数据块也已经接收完毕,从而将中频数据块缓存,便于与后续的高频数据块拼接。然后把中频数据块和低频数据块拼接后进行傅里叶反变换,加载反变换之后的数据以显示图片,此时显示的图片包含更多的图片部分细节。After the client continues to read the IF data block terminator, it indicates that the IF data block has also been received, thereby buffering the IF data block for splicing with subsequent high frequency data blocks. Then, the intermediate frequency data block and the low frequency data block are spliced, and the inverse Fourier transform is performed, and the data after the inverse transform is loaded to display the picture, and the displayed picture contains more details of the picture part.
当客户端继续读取到高频数据块结束符后,说明高频数据块也已经接收完毕,这时,将低频、中频、高频数据拼接后进行傅里叶反变换,最后加载反变换之后的数据形成可显示图片并显示,此时则显示完整的图片内容。When the client continues to read the high-frequency data block terminator, it indicates that the high-frequency data block has also been received. At this time, the low-frequency, intermediate-frequency, and high-frequency data are spliced and then subjected to inverse Fourier transform, and finally after the inverse transform is loaded. The data is formed to display the image and displayed, and the complete image content is displayed at this time.
采用实施例2提供的该方法,客户端在持续接收服务器发送的数据块时可以分步加载并显示图片,快速地显示图片的轮廓信息,然后显示图片的部分细节信息,最后等所有的数据块接收完成时再显示完整图片。With the method provided in Embodiment 2, the client can load and display the picture step by step while continuously receiving the data block sent by the server, quickly display the outline information of the picture, and then display partial details of the picture, and finally wait for all the data blocks. The full picture is displayed when the reception is complete.
实施例3Example 3
在上述实施例2中,服务器中的原始网络图片的来源可以是由服务器利用网络爬虫在网络上收集得到,也可以是由其它的客户端上传得到。当服务器中的图片来源为其他客户端上传得到时,本申请实施例还提供一种网络图片显示系统。如图3所示,该系统包括有第一客户端,第二客户端以及服务器。该系统的工作原理为:In the foregoing Embodiment 2, the source of the original network picture in the server may be collected by the server by using a network crawler on the network, or may be uploaded by other clients. When the image source in the server is uploaded by other clients, the embodiment of the present application further provides a network picture display system. As shown in FIG. 3, the system includes a first client, a second client, and a server. The system works as follows:
第一客户端上传图片并由服务器接收,服务器对接收到的图片进行数据提取操作,并将提取出的图片数据进行频谱变换,根据频谱变换之后的频谱数据的频率值的排序将所述频谱数据进行分割为低频数据块,中频数据块及高频数据块,不同的频率区间对应不同的数据块,并且在每个数据块的结尾位置插入结束符,同时将包含结束符的三个数据块组成一个文件,等待第二客户端请求数据。The first client uploads a picture and receives it by the server, and the server performs a data extraction operation on the received picture, and performs spectrum transformation on the extracted picture data, and the spectrum data is sorted according to the frequency value of the spectrum data after the spectrum conversion. Dividing into low frequency data blocks, intermediate frequency data blocks and high frequency data blocks, different frequency intervals correspond to different data blocks, and a terminator is inserted at the end of each data block, and three data blocks including the terminator are composed. A file waiting for the second client to request data.
第二客户端向服务器请求数据时,这时服务器向第二客户端将发送数据,此处的数据包括上述数据块以及结束符,当第二客户端读取完毕低频数据块后,即将低频数据块缓存并反变换转化为可显示的图片,此处将已接收到的数据块还原为所述网络图片的相 应图片数据的操作,即上述频谱变换的反变换,以下类同,此时会显示图片的大致轮廓信息;当读取完中频数据块后,将低频与中频数据块拼接反变换转化为可显示的图片,并缓存中频数据块,由于中频数据块包含更多的细节,所以图片会更加清晰;当读取完高频数据块后,将低频、中频及高频数据块拼接反变换转化为可显示的图片并进行显示,至此,完整图片显示完毕。When the second client requests data from the server, the server will send data to the second client, where the data includes the data block and the terminator. When the second client reads the low-frequency data block, the low-frequency data is about to be obtained. The block buffer and inverse transform are converted into a displayable picture, where the received data block is restored to the phase of the network picture The operation of the picture data, that is, the inverse transformation of the above spectrum conversion, the following is similar, the general outline information of the picture is displayed at this time; after reading the intermediate frequency data block, the inverse transformation of the low frequency and intermediate frequency data blocks is converted into displayable The picture, and buffer the IF data block, because the IF data block contains more details, the picture will be more clear; when the high frequency data block is read, the low frequency, intermediate frequency and high frequency data block splicing inverse transform can be converted into The displayed image is displayed and the complete image is displayed.
采用实施例3提供的该方法,第二客户端在持续接收服务器发送的数据块时可以分步加载并显示图片,快速地显示图片的轮廓信息,然后显示图片的部分细节信息,最后等所有的数据块接收完成时再显示完整图片。With the method provided in Embodiment 3, the second client can load and display the picture step by step while continuously receiving the data block sent by the server, quickly display the outline information of the picture, and then display some details of the picture, and finally wait for all the details. The full picture is displayed when the data block is received.
实施例4Example 4
基于相同的发明构思,实施例4提供了一种网络图片的加载方法,用于提高网络图片的显示速度,如图4所示,该方法包括以下几个步骤:Based on the same inventive concept, Embodiment 4 provides a method for loading a network picture, which is used to improve the display speed of the network picture. As shown in FIG. 4, the method includes the following steps:
步骤S41:接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块是对所述网络图片的图片数据进行划分得到的;Step S41: Receive a data block of a network picture sent by the network server, where the network picture includes at least two data blocks, where the data block is obtained by dividing picture data of the network picture;
该实施例中的数据块可以是直接对组成所述网络图片的图片数据进行分割得到。The data block in this embodiment may be obtained by directly dividing the picture data constituting the network picture.
例如当所述网络图片为位图时,将位图分割为长度与原始图片相等,宽度为原始图片宽度的1/N的N个子图片,N为正整数,每一个子图片对应一个数据块。For example, when the network picture is a bitmap, the bitmap is divided into N sub-pictures whose length is equal to the original picture and whose width is 1/N of the original picture width, where N is a positive integer, and each sub-picture corresponds to one data block.
又例如,以像素为单位,尺寸为1024×768的原图片,可以将其按左右顺序均分为两个512×768的子图片,每一个子图片对应一个数据块而将图片数据分割为两个数据块,且每个数据块分别对应于原图片上不同的位置的图片内容;或按上下左右顺序分为四个512×384的子图片,每一个子图片对应一个数据块而将图片数据分割为四个数据块,且每个数据块分别对应于原图片上不同的位置的图片内容。For another example, the original picture of size 1024×768 in units of pixels can be equally divided into two 512×768 sub-pictures in the left-right order, and each sub-picture corresponds to one data block and the picture data is divided into two. Data blocks, each of which corresponds to the picture content at a different position on the original picture; or divided into four 512×384 sub-pictures in the order of up, down, left, and right, each sub-picture corresponding to one data block and the picture data It is divided into four data blocks, and each data block corresponds to the picture content at a different position on the original picture.
当所述网络图片为矢量图时,将矢量图分割为不同的几个子图片,每一个子图片对应一个数据块,且每个数据块分别对应于原图片上不同的位置的图片内容。When the network picture is a vector picture, the vector picture is divided into different sub-pictures, each sub-picture corresponds to one data block, and each data block corresponds to picture content at different positions on the original picture.
步骤S42:将已接收到的数据块确定为待加载的图片数据;Step S42: determining the received data block as picture data to be loaded;
步骤S41的接收过程是一个持续的过程,因此,当收完第一个数据块,则可以将第一个数据块确定为待加载的图片数据;当接收完第二个数据块,则可以将第一个数据块和第二个数据块组合确定为待加载的图片数据……直至接收完网络图片包括的全部数据块。The receiving process of step S41 is a continuous process. Therefore, when the first data block is received, the first data block can be determined as the picture data to be loaded; when the second data block is received, the The first data block and the second data block combination are determined as the picture data to be loaded... until all the data blocks included in the network picture are received.
步骤S43:将待加载的图片数据加载到显示页面进行显示。 Step S43: Loading the image data to be loaded into the display page for display.
这样客户端在接收到一个数据块时,即可显示出包含所有接收到的数据块的图片内容。在客户端上则体现为,对图块分区域并逐步进行显示,等所有的数据块接收完成时显示完整的图片内容。In this way, when the client receives a data block, it can display the image content containing all the received data blocks. On the client side, it is reflected that the tile is divided into regions and displayed step by step, and the complete image content is displayed when all the data blocks are received.
实施例5Example 5
基于相同的发明构思,实施例5提供了一种网络图片的加载装置,用于提高网络图片的显示速度。如图5所示,该装置包括:接收模块51、还原模块52和加载模块53,其中:Based on the same inventive concept, Embodiment 5 provides a loading device for a network picture for improving the display speed of a network picture. As shown in FIG. 5, the device includes: a receiving module 51, a restoration module 52, and a loading module 53, wherein:
所述接收模块51,可以用于接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块为根据所述网络图片的图片数据生成得到的;The receiving module 51 may be configured to receive a data block of a network picture sent by the network server, where the network picture includes at least two data blocks, where the data block is generated according to the picture data of the network picture;
所述还原模块52,可以用于将已接收到的数据块还原为所述网络图片的相应图片数据;The restoring module 52 may be configured to restore the received data block to corresponding picture data of the network picture;
所述加载模块53,可以用于将还原的图片数据加载到显示页面进行显示。The loading module 53 can be configured to load the restored picture data into a display page for display.
采用实施例5提供的该装置能够达到与实施例1相同或者类似的技术效果,在此不再赘述。The technical effect of the same or similar to that of Embodiment 1 can be achieved by using the apparatus provided in Embodiment 5, and details are not described herein again.
另外,所述接收模块51接收的所述数据块为根据所述网络图片的图片数据生成得到,其中:所述数据块是将所述网络图片的图片数据进行频谱变换;根据频谱变换之后的频谱数据的频率高低形成,其中,不同的频率区间对应不同的数据块。In addition, the data block received by the receiving module 51 is generated according to the picture data of the network picture, where the data block is to perform spectrum transformation on the picture data of the network picture; The frequency of the data is formed, wherein different frequency intervals correspond to different data blocks.
另外,所述网络图片包含的数据块为N块时,则所述还原模块52将已接收到的数据块还原为所述网络图片的相应图片数据,以及,所述加载模块53将还原的图片数据加载到显示页面进行显示,包括:当接收到第i个数据块时,所述还原模块52将第i个数据块及已接收的第i个之前的数据块还原为网络图片的相应图片数据,所述加载模块53将还原的图片数据加载到显示页面进行显示,其中,1≤i≤N。In addition, when the data block included in the network picture is N blocks, the restoration module 52 restores the received data block to corresponding picture data of the network picture, and the loading module 53 restores the restored picture. Loading the data into the display page for display, including: when receiving the i-th data block, the restoring module 52 restores the i-th data block and the received i-th previous data block to corresponding picture data of the network picture. The loading module 53 loads the restored picture data into a display page for display, where 1≤i≤N.
实施例6Example 6
基于相同的发明构思,实施例6提供了一种网络图片的加载系统,用于提高网络图片的显示速度。如图6所示,所述系统包括网络服务器61和客户端62,其中:Based on the same inventive concept, Embodiment 6 provides a network picture loading system for improving the display speed of a network picture. As shown in FIG. 6, the system includes a web server 61 and a client 62, wherein:
所述网络服务器61,可以用于向客户端发送网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块为根据所述网络图片的图片数据生成得到的;The network server 61 may be configured to send a data block of a network picture to the client, where the network picture includes at least two data blocks, and the data block is generated according to the picture data of the network picture;
所述客户端62,可以用于将已接收到的数据块还原为所述网络图片的相应图片数据; 以及,The client 62 may be configured to restore the received data block to corresponding picture data of the network picture; as well as,
将还原的图片数据加载到显示页面进行显示。The restored image data is loaded onto the display page for display.
采用实施例6提供的该系统能够达到与实施例3相同或者类似的技术效果,在此不再赘述。The technical effect of the same or similar to that of Embodiment 3 can be achieved by using the system provided in Embodiment 6, and details are not described herein again.
可选地,网络服务器61中具体还可以包括有数据块生成模块,其中,所述数据块生成模块,可以用于将所述网络图片的图片数据进行频谱变换;根据频谱变换之后的频谱数据的频率高低形成所述数据块,其中,不同的频率区间对应不同的数据块。Optionally, the network server 61 may further include a data block generating module, where the data block generating module may be configured to perform spectrum transform on the picture data of the network picture; according to the spectrum data after the spectrum transform The data block is formed by the frequency level, wherein different frequency intervals correspond to different data blocks.
实施例7Example 7
基于相同的发明构思,实施例7提供了一种网络图片的加载装置,用于提高网络图片的显示速度。如图7所示,该装置包括:接收模块71、确定模块72和加载模块73,其中:Based on the same inventive concept, Embodiment 7 provides a loading device for a network picture for improving the display speed of a network picture. As shown in FIG. 7, the apparatus includes: a receiving module 71, a determining module 72, and a loading module 73, wherein:
所述接收模块71,可以用于接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块是对所述网络图片的图片数据进行划分得到的;The receiving module 71 may be configured to receive a data block of a network picture sent by a network server, where the network picture includes at least two data blocks, where the data block is obtained by dividing picture data of the network picture;
所述确定模块72,可以用于将已接收到的数据块确定为待加载的图片数据;The determining module 72 may be configured to determine the received data block as picture data to be loaded;
所述加载模块73,可以用于将待加载的图片数据加载到显示页面进行显示。The loading module 73 can be configured to load the image data to be loaded into the display page for display.
采用实施例7提供的该装置能够达到与实施例4相同或者类似的技术效果,在此不再赘述。The technical effect of the same or similar to that of Embodiment 4 can be achieved by using the apparatus provided in Embodiment 7, and details are not described herein again.
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。Those skilled in the art will appreciate that embodiments of the present application can be provided as a method, system, or computer program product. Thus, the present application can take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment in combination of software and hardware. Moreover, the application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) including computer usable program code.
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指 定的功能的装置。The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (system), and computer program products according to embodiments of the present application. It will be understood that each flow and/or block of the flowchart illustrations and/or FIG. These computer program instructions can be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing device to produce a machine for the execution of instructions for execution by a processor of a computer or other programmable data processing device. In the process of a flow or a flow or a block diagram of a block or blocks The device for the function.
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。The computer program instructions can also be stored in a computer readable memory that can direct a computer or other programmable data processing device to operate in a particular manner, such that the instructions stored in the computer readable memory produce an article of manufacture comprising the instruction device. The apparatus implements the functions specified in one or more blocks of a flow or a flow and/or block diagram of the flowchart.
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。These computer program instructions can also be loaded onto a computer or other programmable data processing device such that a series of operational steps are performed on a computer or other programmable device to produce computer-implemented processing for execution on a computer or other programmable device. The instructions provide steps for implementing the functions specified in one or more of the flow or in a block or blocks of a flow diagram.
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。The memory may include non-persistent memory, random access memory (RAM), and/or non-volatile memory in a computer readable medium, such as read only memory (ROM) or flash memory. Memory is an example of a computer readable medium.
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。Computer readable media includes both permanent and non-persistent, removable and non-removable media. Information storage can be implemented by any method or technology. The information can be computer readable instructions, data structures, modules of programs, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read only memory. (ROM), electrically erasable programmable read only memory (EEPROM), flash memory or other memory technology, compact disk read only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, Magnetic tape cartridges, magnetic tape storage or other magnetic storage devices or any other non-transportable media can be used to store information that can be accessed by a computing device. As defined herein, computer readable media does not include temporary storage of computer readable media, such as modulated data signals and carrier waves.
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。It is also to be understood that the terms "comprises" or "comprising" or "comprising" or any other variations are intended to encompass a non-exclusive inclusion, such that a process, method, article, Other elements not explicitly listed, or elements that are inherent to such a process, method, commodity, or equipment. An element defined by the phrase "comprising a ..." does not exclude the presence of additional identical elements in a process, method, article, or device that comprises the element, without further limitation.
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例 的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。Those skilled in the art will appreciate that embodiments of the present application can be provided as a method, system, or computer program product. Accordingly, the present application may employ an entirely hardware embodiment, an entirely software embodiment, or an embodiment incorporating software and hardware aspects. form. Moreover, the application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) including computer usable program code.
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。 The above is only an embodiment of the present application and is not intended to limit the application. Various changes and modifications can be made to the present application by those skilled in the art. Any modifications, equivalents, improvements, etc. made within the spirit and scope of the present application are intended to be included within the scope of the appended claims.

Claims (13)

  1. 一种网络图片的加载方法,其特征在于,所述方法包括:A method for loading a network picture, the method comprising:
    接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块为根据所述网络图片的图片数据生成得到的;Receiving a data block of a network picture sent by the network server, where the network picture includes at least two data blocks, and the data block is generated according to the picture data of the network picture;
    将已接收到的数据块还原为所述网络图片的相应图片数据;Recovering the received data block to corresponding picture data of the network picture;
    将还原的图片数据加载到显示页面进行显示。The restored image data is loaded onto the display page for display.
  2. 根据权利要求1所述的方法,其特征在于,根据所述网络图片的图片数据生成得到数据块,包括:The method according to claim 1, wherein the generating the data block according to the picture data of the network picture comprises:
    将所述网络图片的图片数据进行频谱变换;Performing spectral transformation on the picture data of the network picture;
    根据频谱变换之后的频谱数据的频率高低形成所述数据块,其中,不同的频率区间对应不同的数据块。The data block is formed according to the frequency of the spectral data after the spectral transformation, wherein different frequency intervals correspond to different data blocks.
  3. 根据权利要求2所述的方法,其特征在于,所述网络图片包含的数据块为N块,则所述将已接收到的数据块还原为所述网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示,包括:The method according to claim 2, wherein the data block included in the network picture is N blocks, and the restored data block is restored to corresponding picture data of the network picture, and the restored picture is to be restored. The data is loaded into the display page for display, including:
    当接收到第i个数据块时,将第i个数据块及已接收的第i个之前的数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示,其中,1≤i≤N。When the i-th data block is received, the i-th data block and the received i-th previous data block are restored to the corresponding picture data of the network picture, and the restored picture data is loaded into the display page for display, wherein 1 ≤ i ≤ N.
  4. 根据权利要求3所述的方法,其特征在于,所述N为3,当i为1时,第i个数据块为低频数据块,当i为2时,第i个数据块为中频数据块,当i为3时,第i个数据块为高频数据块;The method according to claim 3, wherein said N is 3, when i is 1, the i-th data block is a low-frequency data block, and when i is 2, the i-th data block is an intermediate frequency data block. When i is 3, the i-th data block is a high-frequency data block;
    则当接收到第i个数据块时,将第i个数据块及已接收的第i个之前的数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示,具体包括:Then, when receiving the i-th data block, the i-th data block and the received i-th previous data block are restored to corresponding picture data of the network picture, and the restored picture data is loaded into the display page for display, specifically include:
    当接收到低频数据块时,将低频数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示;When receiving the low frequency data block, the low frequency data block is restored to the corresponding picture data of the network picture, and the restored picture data is loaded to the display page for display;
    当接收到中频数据块时,将低频数据块以及中频数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示;When receiving the intermediate frequency data block, the low frequency data block and the intermediate frequency data block are restored to the corresponding picture data of the network picture, and the restored picture data is loaded to the display page for display;
    当接收到高频数据块时,将低频数据块、中频数据块以及高频数据块还原为网络图片的相应图片数据,将还原的图片数据加载到显示页面进行显示。When receiving the high frequency data block, the low frequency data block, the intermediate frequency data block, and the high frequency data block are restored to the corresponding picture data of the network picture, and the restored picture data is loaded to the display page for display.
  5. 根据权利要求1至4任一项所述的方法,其特征在于,所述数据块尾部具有结束标识,则当接收到结束标识符时,确定接收到所述数据块。 The method according to any one of claims 1 to 4, wherein the data block tail has an end identifier, and when the end identifier is received, it is determined that the data block is received.
  6. 根据权利要求1至4任一项所述的方法,其特征在于,A method according to any one of claims 1 to 4, characterized in that
    所述至少两个数据块的数量根据组成所述网络图片的图片数据的数据量确定。The number of the at least two data blocks is determined according to the amount of data of the picture data constituting the network picture.
  7. 一种网络图片的加载方法,其特征在于,所述方法包括:A method for loading a network picture, the method comprising:
    接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块是对所述网络图片的图片数据进行划分得到的;Receiving a data block of a network picture sent by the network server, where the network picture includes at least two data blocks, where the data block is obtained by dividing picture data of the network picture;
    将已接收到的数据块确定为待加载的图片数据;Determining the received data block as picture data to be loaded;
    将待加载的图片数据加载到显示页面进行显示。The image data to be loaded is loaded onto the display page for display.
  8. 一种网络图片的加载装置,其特征在于,所述装置包括接收模块、还原模块和加载模块,其中:A loading device for a network picture, characterized in that the device comprises a receiving module, a restoring module and a loading module, wherein:
    所述接收模块,接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块为根据所述网络图片的图片数据生成得到的;The receiving module receives a data block of a network picture sent by the network server, where the network picture includes at least two data blocks, and the data block is generated according to the picture data of the network picture;
    所述还原模块,将已接收到的数据块还原为所述网络图片的相应图片数据;The restoring module restores the received data block to corresponding picture data of the network picture;
    所述加载模块,将还原的图片数据加载到显示页面进行显示。The loading module loads the restored picture data into a display page for display.
  9. 根据权利要求8所述的装置,其特征在于,所述接收模块接收的所述数据块为根据所述网络图片的图片数据生成得到,其中:The apparatus according to claim 8, wherein the data block received by the receiving module is generated according to picture data of the network picture, wherein:
    所述数据块是将所述网络图片的图片数据进行频谱变换;The data block is to perform spectrum conversion on picture data of the network picture;
    根据频谱变换之后的频谱数据的频率高低形成,其中,不同的频率区间对应不同的数据块。It is formed according to the frequency of the spectral data after the spectral transformation, wherein different frequency intervals correspond to different data blocks.
  10. 根据权利要求8所述的装置,其特征在于,所述网络图片包含的数据块为N块,则所述还原模块将已接收到的数据块还原为所述网络图片的相应图片数据,以及,所述加载模块将还原的图片数据加载到显示页面进行显示,包括:The apparatus according to claim 8, wherein the network picture comprises a data block of N blocks, and the restoration module restores the received data block to corresponding picture data of the network picture, and The loading module loads the restored image data into a display page for display, including:
    当接收到第i个数据块时,所述还原模块将第i个数据块及已接收的第i个之前的数据块还原为网络图片的相应图片数据,所述加载模块将还原的图片数据加载到显示页面进行显示,其中,1≤i≤N。When the i-th data block is received, the restoring module restores the i-th data block and the received i-th previous data block to corresponding picture data of the network picture, and the loading module loads the restored picture data. Display to the display page, where 1≤i≤N.
  11. 一种网络图片的加载系统,其特征在于,所述系统包括网络服务器和客户端,其中:A loading system for a network picture, characterized in that the system comprises a network server and a client, wherein:
    所述网络服务器,向客户端发送网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块为根据所述网络图片的图片数据生成得到的;The network server sends a data block of a network picture to the client, where the network picture includes at least two data blocks, and the data block is generated according to the picture data of the network picture;
    所述客户端将已接收到的数据块还原为所述网络图片的相应图片数据;以及,The client restores the received data block to corresponding picture data of the network picture; and,
    将还原的图片数据加载到显示页面进行显示。 The restored image data is loaded onto the display page for display.
  12. 根据权利要求11所述的系统,其特征在于,所述网络服务器具体包括有数据块生成模块,其中,The system according to claim 11, wherein the network server specifically includes a data block generating module, wherein
    所述数据块生成模块,将所述网络图片的图片数据进行频谱变换;The data block generating module performs spectrum conversion on the picture data of the network picture;
    根据频谱变换之后的频谱数据的频率高低形成所述数据块,其中,不同的频率区间对应不同的数据块。The data block is formed according to the frequency of the spectral data after the spectral transformation, wherein different frequency intervals correspond to different data blocks.
  13. 一种网络图片的加载装置,其特征在于,所述装置包括接收模块、确定模块和加载模块,其中:A loading device for a network picture, characterized in that the device comprises a receiving module, a determining module and a loading module, wherein:
    所述接收模块,接收网络服务器发送的网络图片的数据块,所述网络图片包含至少两个数据块,所述数据块是对所述网络图片的图片数据进行划分得到的;The receiving module receives a data block of a network picture sent by a network server, where the network picture includes at least two data blocks, where the data block is obtained by dividing picture data of the network picture;
    所述确定模块,将已接收到的数据块确定为待加载的图片数据;The determining module determines the received data block as picture data to be loaded;
    所述加载模块,将待加载的图片数据加载到显示页面进行显示。 The loading module loads the image data to be loaded into a display page for display.
PCT/CN2017/098226 2016-08-30 2017-08-21 Network image loading method, device and system WO2018040964A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201610780851.1A CN106886549A (en) 2016-08-30 2016-08-30 A kind of loading method of network picture, device and system
CN201610780851.1 2016-08-30

Publications (1)

Publication Number Publication Date
WO2018040964A1 true WO2018040964A1 (en) 2018-03-08

Family

ID=59176256

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2017/098226 WO2018040964A1 (en) 2016-08-30 2017-08-21 Network image loading method, device and system

Country Status (3)

Country Link
CN (1) CN106886549A (en)
TW (1) TW201807667A (en)
WO (1) WO2018040964A1 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111488536A (en) * 2019-01-25 2020-08-04 阿里巴巴集团控股有限公司 Picture display method, device and system

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106886549A (en) * 2016-08-30 2017-06-23 阿里巴巴集团控股有限公司 A kind of loading method of network picture, device and system
CN107454094A (en) * 2017-08-23 2017-12-08 北京明朝万达科技股份有限公司 A kind of data interactive method and system
CN111435527A (en) * 2019-01-11 2020-07-21 北京京东尚科信息技术有限公司 Page picture display method and device, storage medium and electronic equipment
CN110517196B (en) * 2019-08-12 2022-04-22 西安电子科技大学 SAR image denoising method and system

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130111265A1 (en) * 2010-06-30 2013-05-02 Kt Corporation Method and system for recovering an image error using data hiding
CN103514241A (en) * 2012-12-07 2014-01-15 Tcl集团股份有限公司 Image loading method and system
CN104899060A (en) * 2015-05-20 2015-09-09 天脉聚源(北京)教育科技有限公司 Picture loading processing method and apparatus
CN105023285A (en) * 2014-04-25 2015-11-04 腾讯科技(深圳)有限公司 Image splitting method and device, image loading method and device
CN106886549A (en) * 2016-08-30 2017-06-23 阿里巴巴集团控股有限公司 A kind of loading method of network picture, device and system

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP3966832B2 (en) * 2003-04-28 2007-08-29 株式会社東芝 Drawing processing apparatus and drawing processing method
CN101388157B (en) * 2008-09-25 2011-11-30 炬力集成电路设计有限公司 Electronic map display method, apparatus and equipment
CN102768662B (en) * 2011-05-05 2016-02-10 阿里巴巴集团控股有限公司 A kind of method and apparatus Loaded Image
CN104134214B (en) * 2014-07-29 2018-11-02 杭州卓腾信息技术有限公司 A kind of storage of digital slices image and display methods based on image pyramid layering
CN104391890B (en) * 2014-11-10 2017-11-24 广东欧珀移动通信有限公司 picture loading method and system
CN104679570A (en) * 2015-03-24 2015-06-03 新余兴邦信息产业有限公司 Image loading display method, equipment and system

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130111265A1 (en) * 2010-06-30 2013-05-02 Kt Corporation Method and system for recovering an image error using data hiding
CN103514241A (en) * 2012-12-07 2014-01-15 Tcl集团股份有限公司 Image loading method and system
CN105023285A (en) * 2014-04-25 2015-11-04 腾讯科技(深圳)有限公司 Image splitting method and device, image loading method and device
CN104899060A (en) * 2015-05-20 2015-09-09 天脉聚源(北京)教育科技有限公司 Picture loading processing method and apparatus
CN106886549A (en) * 2016-08-30 2017-06-23 阿里巴巴集团控股有限公司 A kind of loading method of network picture, device and system

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111488536A (en) * 2019-01-25 2020-08-04 阿里巴巴集团控股有限公司 Picture display method, device and system
CN111488536B (en) * 2019-01-25 2023-09-15 阿里巴巴集团控股有限公司 Picture display method, device and system

Also Published As

Publication number Publication date
CN106886549A (en) 2017-06-23
TW201807667A (en) 2018-03-01

Similar Documents

Publication Publication Date Title
WO2018040964A1 (en) Network image loading method, device and system
US10915980B2 (en) Method and apparatus for adding digital watermark to video
CN110458918B (en) Method and device for outputting information
CN108235116B (en) Feature propagation method and apparatus, electronic device, and medium
US8913068B1 (en) Displaying video on a browser
AU2011264509B2 (en) Adaptive image rendering and use of imposter
US20190228050A1 (en) Bezier volume representation of point cloud attributes
CN104850388B (en) web page rendering method and device
US10491947B1 (en) Systems and methods for personalized video rendering
CN115861131B (en) Training method and device for generating video and model based on image, and electronic equipment
CN109118456B (en) Image processing method and device
CN113569740B (en) Video recognition model training method and device, and video recognition method and device
JP2020536332A (en) Keyframe scheduling methods and equipment, electronics, programs and media
CN112561840A (en) Video clipping method and device, storage medium and electronic equipment
CN111369475B (en) Method and apparatus for processing video
CN110852250B (en) Vehicle weight removing method and device based on maximum area method and storage medium
CN113538502A (en) Picture clipping method and device, electronic equipment and storage medium
CN109543127B (en) Page refreshing method, device and equipment and readable storage medium
CN114066722B (en) Method and device for acquiring image and electronic equipment
Jiang et al. Learning in-place residual homogeneity for single image detail enhancement
CN114596203A (en) Method and apparatus for generating images and for training image generation models
CN110033413B (en) Image processing method, device, equipment and computer readable medium of client
Yang et al. Fusion of wave atom-based Wiener shrinkage filter and joint non-local means filter for texture-preserving image deconvolution
US10453179B1 (en) Scaled image generation
US11438633B2 (en) Temporal de-noising for video

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 17845266

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 17845266

Country of ref document: EP

Kind code of ref document: A1